无法在外部单击-jquery时关闭具有动态内容的引导弹出窗口

无法在外部单击-jquery时关闭具有动态内容的引导弹出窗口,jquery,twitter-bootstrap,popover,Jquery,Twitter Bootstrap,Popover,我这里有一个带有动态内容的popover,当我点击popover按钮时会显示出来。我想在单击页面的另一个区域时将其关闭。但是,仅当我单击popover按钮时,popover才会关闭 <a class="btn btn-danger" id="btn-post" data-html="true" data-placement="bottom" data-original-title="Post/Lock"> Post/Lock </a> 我试着遵循这篇文章中回答的

我这里有一个带有动态内容的popover,当我点击popover按钮时会显示出来。我想在单击页面的另一个区域时将其关闭。但是,仅当我单击popover按钮时,popover才会关闭

<a class="btn btn-danger" id="btn-post" data-html="true" data-placement="bottom" data-original-title="Post/Lock">
    Post/Lock
</a>
我试着遵循这篇文章中回答的一些代码

但是那里似乎对我不起作用。

试试下面的代码:

$('body').click(function() {
    $('#btn-post').popover('hide');
});
请尝试以下代码:

$('body').click(function() {
    $('#btn-post').popover('hide');
});

这个答案与你在问题中提到的答案非常相似。。。除了用于Twitter引导(引导4)之外

区别似乎在于类中没有

我没有对所有用例进行测试。。。但这个片段是有效的

$(文档).ready(函数(){
var var_dynamic_content=“你好!”;
$(“#btn post”)。单击(函数(){
$(“btn post”).attr(“数据内容”,变量动态内容);
$('btn post').popover('show');
});
$(文档)。单击(函数(e){
//如果点击#按钮柱或popover本身-->退出!
如果(e.target==$(“#btn post”)[0]| |$(e.target).parents(“.popover”).length>0{return;}
$('btn post').popover('hide');
});
});  // 结束就绪

柱/锁

这个答案与您在问题中提到的答案非常相似。。。除了用于Twitter引导(引导4)之外

区别似乎在于
类中没有

我没有对所有用例进行测试。。。但这个片段是有效的

$(文档).ready(函数(){
var var_dynamic_content=“你好!”;
$(“#btn post”)。单击(函数(){
$(“btn post”).attr(“数据内容”,变量动态内容);
$('btn post').popover('show');
});
$(文档)。单击(函数(e){
//如果点击#按钮柱或popover本身-->退出!
如果(e.target==$(“#btn post”)[0]| |$(e.target).parents(“.popover”).length>0{return;}
$('btn post').popover('hide');
});
});  // 结束就绪

柱/锁

您的答案非常完美。好在弹出框只有在外面点击时才会关闭,而不是点击按钮和弹出框本身,这正是我所需要的。你的答案是完美的。好消息是,只有在外面点击时,popover才会关闭,而不是按钮和popover本身,这正是我所需要的。