我目前正在使用Twitter Bootstrap的popovers,就像这样:
$('.popup-marker').popover({
html: true,
trigger: 'manual'
}).click(function(e) {
$(this).popover('toggle');
e.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)
如您所见,它们是手动触发的,然后单击.popup-marker(带有背景图像的div)切换弹出窗口.这很好用,但我也希望能够通过点击页面上任何其他位置来关闭popover(但不能在popover本身!).
我尝试了一些不同的东西,包括以下内容,但没有显示结果:
$('body').click(function(e) {
$('.popup-marker').popover('hide');
});
Run Code Online (Sandbox Code Playgroud)
如何通过单击页面上的任何其他位置来关闭弹出窗口,但不能单击弹出窗口本身?