Javascript 当再次单击或单击其他位置时,如何取消引导弹出窗口
我可以使用Javascript 当再次单击或单击其他位置时,如何取消引导弹出窗口,javascript,jquery,html,twitter-bootstrap,popover,Javascript,Jquery,Html,Twitter Bootstrap,Popover,我可以使用data trigger='focus'在单击外部时关闭弹出窗口,或者再次单击按钮时使用data trigger='click'。但我不能两者兼得。也就是说,如果我使用focus,单击popover按钮将不会执行任何操作 不管是哪种情况,我都不喜欢popover,有人知道一种简单的方法吗 我尝试了data trigger='focus click',但不起作用 编辑:我不认为这是一个重复的问题。这个问题的解决方案对我来说确实有效。但是这个问题的标题:“如何通过点击外部来消除推特引导弹出
data trigger='focus'
在单击外部时关闭弹出窗口,或者再次单击按钮时使用data trigger='click'
。但我不能两者兼得。也就是说,如果我使用focus
,单击popover按钮将不会执行任何操作
不管是哪种情况,我都不喜欢popover,有人知道一种简单的方法吗
我尝试了data trigger='focus click'
,但不起作用
编辑:我不认为这是一个重复的问题。这个问题的解决方案对我来说确实有效。但是这个问题的标题:“如何通过点击外部来消除推特引导弹出窗口”具有误导性。如果我只想通过单击外部来关闭弹出窗口,我只需要数据触发器class='focus'
,如引导文档所述:
使用焦点触发器在用户下一次单击时关闭弹出窗口
但正如我所解释的,如果再次单击popover触发器,它将不起作用。如果没有看到任何代码,我不确定您的意思,但我会使用jQuery:
$('body').on('click', function (e) {
if ($(e.target).data('toggle') !== 'popover'
&& $(e.target).parents('.popover.in').length === 0) {
$('[data-toggle="popover"]').popover('hide');
}
});
我希望我能有所帮助,祝你好运