Bootstrap Popover 点击Popover外区域自动关闭Popover
来源:互联网 发布:iot云平台源码 编辑:程序博客网 时间:2024/06/05 06:39
最近在写一个web网站,前端方面,都是初学的,用到了一个bootstrap的popover,但是有些东西默认的不太好用,就只能自己修改了。
比如说默认只有点击触发的那个按钮才能关闭pop,而现在我想点击Popover外区域自动关闭Popover。
这个时候可以给Body加一个监听。
$('body').on('click', function(event) { var target = $(event.target); // One jQuery object instead of 3 // Compare length with an integer rather than with if (!target.hasClass('popover') && target.parent('.popover-content').length === 0 && target.parent('.myPopover').length === 0 && target.parent('.popover-title').length === 0 && target.parent('.popover').length === 0 && target.attr("id") !== "folder") { $('#folder').popover('hide'); }});上面的代码解释如下:
给body添加一个click监听。
然后获取到当前的target。
这个时候怕段target的父亲节点是不是在popover里面。
如果在,说明当前鼠标点击发生在pop里,
如果不在,就触发下面的按钮,关闭pop。
$('#folder').popover('hide');
- Bootstrap Popover 点击Popover外区域自动关闭Popover
- bootstrap popover 点击popover外其他区域自动隐藏
- BootStrap自定义popover,点击区域隐藏功能!
- popover
- Bootstrap popover移动到内容上时不关闭
- BootStrap ToolTip , popover
- bootstrap popover稍微修改
- bootstrap popover简单用法
- bootstrap之popover
- ios开发笔记之如何点击popover之外的区域让popover不消失
- bootstrap Popover弹出框插件
- Django popover点击弹框外消失
- bootstrap 实现弹出框popover,动态改变popover内容
- 在bootstrap中popover.js,popover英文是什么意思?
- iOS: popover
- Popover 初探
- Popover.js
- Bootstrap Popover 隐藏的Javasript方法
- 试试
- htonl() htons()及inet_ntoa() inet_addr()的用法 .
- Oracle之事务控制(认证考试指南)
- Android 滑轮组件
- udf打jar包
- Bootstrap Popover 点击Popover外区域自动关闭Popover
- 关于SetupDiEnumDeviceInfo枚举设备返回false问题的解决办法
- java反射机制的使用
- jquery垂直公告滚动实现代码
- 一个python程序员的ruby三日游(四)——观察者模式
- 用ATL开发和部署ActiveX网页控件
- java Runtime调用Dos命令
- CString 成员函数用法大全
- java swing应用(3):画当前月份的日历并保存为图片