Bootstrap Popover 自定义弹框布局

本文介绍了如何使用Bootstrap Popover创建自定义弹框,包括点击‘关闭’按钮使弹框消失,而点击其他区域弹框保持显示。在实际项目中遇到的问题是,点击按钮后弹框显示,再次点击关闭按钮后隐藏,但再次点击按钮不会立即显示,需要第三次点击才正常。解决方法是在按钮点击事件中动态加载popover,或者遍历所有popover元素进行初始化。
摘要由CSDN通过智能技术生成

Bootstrap Popover 自定义弹框布局 点击“关闭”按钮弹框消失 点击其它地方不消失

项目要求:表格操作,每行点击“分享“按钮弹出框,弹框布局自定义,弹框标题出有“关闭“按钮,点击关闭popover才能消失,其它区域的点击不消失。但是做到最后发现有个问题:popover的显示隐藏是toggle,也就是说:btn点击后弹框显示,再点击弹框关闭按钮后隐藏,但是再次点击btn没反应,第三次才正常显示。

var html_ = "<button data-toggle='popover' class='btn btn-danger create-img'>分享</button>";
$('.share').html(html_);

动态添加布局。因为我的需求时table列表,每列都有一个按钮,所以这里会有一个问题:popover的启动方法,必须在button的事件监听事件里面加载 $(‘create-img’).popover(), 或者可以检索所有popover标签,根据自己的需求each循环加载 .popover()。

$(document).off('mou
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值