gpt4 book ai didi

twitter-bootstrap - Bootstrap 弹窗

转载 作者:行者123 更新时间:2023-12-04 08:59:36 27 4
gpt4 key购买 nike

我希望能够在弹出窗口外单击以使其消失。

此代码运行良好 - 在打开另一个弹出窗口时关闭一个弹出窗口,当然当您再次单击该按钮时它会消失。

var $visiblePopover;

$('body').on('click', '[rel="popover"]', function() {
var $this = $(this);

// check if the one clicked is now shown
if ($this.data('popover').tip().hasClass('in')) {

// if another was showing, hide it
$visiblePopover && $visiblePopover.popover('hide');

// then store reference to current popover
$visiblePopover = $this;

} else { // if it was hidden, then nothing must be showing
$visiblePopover = '';
}
});​

我需要保留此当前功能但对其进行修改,以便当您在弹出窗口外单击时它也执行相同的操作。

最佳答案

你可以简单地添加:

$('html').click(function(e) {
$('.btn').popover('hide');
});

jsfiddle

关于twitter-bootstrap - Bootstrap 弹窗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14894477/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com