bootstrap弹出框如何实现点击出弹出框后,再点击任意地方隐藏弹出框
最近做个项目是用bootstrap搭建的网站,因为其自带弹出框很好使,便直接拿过来用了。
不废话直接进入正题
共分两步
1.
首先设弹出框方式为自动
popover(function(){trigger:'manual',})
2.
(1)然后调用两种方法,一种点击事件为 点击该元素 ,弹出该元素 弹出框
(2)第二种则是点击document也就是 点击任意地方 将该元素的弹出框隐藏
$("element").click(function(){$(this).popover("show");})$("element").on("shown.bs.popover",function(){var _this=this;$(document).one("click",function(){console.log(1);$(_this).popover("hide"); });})
bootstrap弹出框如何实现点击出弹出框后,再点击任意地方隐藏弹出框相关推荐
- mt6735 Audio framework]音量警告提示框选择OK,重启后再增大音量希望还会弹出音量警告提示框
[DESCRIPTION] 目前的做法是: 音量警告提示框选择OK,重启后就不会再弹出警告提示框, 除非恢复出厂设置 如果希望重启后再增大音量希望还会弹出音量警告提示框 请参考如下修改: [SOLUT ...
- android 点击图标重启,Android应用第一次安装成功点击“打开”后Home键切出应用后再点击桌面图标返回导致应用重启问题的解决方法...
Android应用第一次安装成功点击"打开"后Home键切出应用后再点击桌面图标返回导致应用重启问题的解决方法 if((getIntent().getFlags() & I ...
- 开机先出先自己的程序界面,输入用户名和口令后再进入windows
开机先出先自己的程序界面,输入用户名和口令后再进入windows Delphi / Windows SDK/API http://www.delphi2007.net/DelphiAPI/html/d ...
- HTML点击元素以外任意地方隐藏该元素
HTML点击元素以外任意地方隐藏该元素 原生javascript写法: var scheduleBox = document.querySelector('#schedule-box') docume ...
- Jq点击其他任意地方隐藏关闭弹窗div
参考链接:https://blog.csdn.net/weixin_43233914/article/details/85133839 效果 代码: <!DOCTYPE html> < ...
- 点击除元素以外的任意地方隐藏元素js
比如想实现点击列表弹出筛选器,点击其他任意地方关闭筛选器,如图 该筛选器class名 1 $(document).click(function () { 2 $(".subMenu" ...
- python手机连续点击脚本_Appium-Python 通过 find_element_by_android_uiautomator 后怎么连续点击两次...
Appium-Python 通过find_element_by_android_uiautomator后怎么连续点击两次,比如self.driver.find_element_by_android_u ...
- 点击弹出窗口外任意地方关闭弹出窗口
问:如何在点击弹出窗口外其他地方时关闭弹出窗口? 答:使用FlexMouseEvent'sMOUSE_DOWN_OUTSIDE事件.用户点击弹出窗口的外部时,会分发此事件.只需要在popUpWindo ...
- Android应用第一次安装成功点击“打开”后Home键切出应用后再点击桌面图标返回导致应用重启问题...
最近项目中遇到一个问题,用户第一次安装应用在系统的安装器安装完成界面有"完成"和"打开"两个按钮. 当用户点击"打开"按钮进入用户注册页面进 ...
最新文章
- 如何查看dede版本信息
- Jmail的邮件发送
- (转)jQuery.fn.extend与jQuery.extend到底区别在哪?
- mysql dba系统学习(5)二进制日志binlog之一
- arm clz指令c语言,协处理器及其他指令之:零计数指令CLZ-嵌入式系统-与非网
- 【转】WebApi 身份认证解决方案:Basic基础认证
- caffe训练的实时可视化思路
- 4k视频分辨率的码流_拍摄4K,30帧视频,多少码率合适?
- 蓄电池内阻测试仪分析软件,福禄克 Fluke BT500系列蓄电池内阻测试仪
- 爱企查显示,Keep赴港上市,冲击“线上健身第一股”
- javascript中this指向问题(es5)
- HOUDINI 蚯蚓制作
- HHC6003: Error: The file Itircl.dll has not been
- 51单片机基础入门(2)点灯大师:单个LED点亮、多个LED点亮、流水灯(附程序代码、解析)
- iphone计算机适配,适配iPhone用户!戴尔将支持iPhone投屏电脑
- 引流获客哪个渠道比较好?
- 前端使用html2canvas插件进行截图
- 双机热备+负载均衡(Heartbeat+DRBD+NFS+Keepalived+Lnmp)线上方案
- Android性能优化典范 - 第2季
- 令人笑喷的 56 个代码注释,你写过多少?