& lt; div>
& lt;一个类=癰tn btn-success秀”title=暗龃翱诒晏狻?
数据容器="身体" data-toggle=数据放置“窗”=暗住?
数据内容="底部的弹窗中的一些内容”比;aaaa级& lt;/a>
& lt;/div>
& lt; script>
$(函数(){
initPopover ();
}）
函数initPopover () {
$(",告诉").popover ({
容器:“身体”,
触发:“手动”//手动触发
})。(“show.bs。弹出窗口的函数(){
(美元).addClass (“popover_open”);
})。(“hide.bs。弹出窗口的函数(){
(美元).removeClass (“popover_open”);
});
$(",告诉”)。点击(函数(){
如果($ ().hasClass (“popover_open”)) {
(美元).popover(“隐藏”)
其他}{
$ (" .popover_open ") .popover(“隐藏”);
(美元).popover(“秀”);
}
var e=arguments.callee.caller。参数[0]| |事件;
e.stopPropagation ();
});
美元(文档)。点击(函数(){
$(",告诉").popover(“隐藏”);
});
}
& lt;/script>
之前
1,
2, show.bs。弹出窗口:当调用显示实例方法时立即触发该事件。
shown.bs。弹出窗口:当弹出框对完全弹出时触发该事件(将等待CSS过渡效果完成)。
hide.bs。弹出窗口:当调用隐藏实例方法时立即触发该事件。
hidden.bs。弹出窗口:当工具提示完全隐藏时触发该事件(将等待CSS过渡效果完成)。
3,引入jquery和引导头文件
4,取消冒泡
以上这篇引导点击空白处弹出窗口弹出框隐藏实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
