javascript - Twitter 的 Bootstrap 2.x 弹出框选择器和关闭问题

标签 javascript jquery twitter-bootstrap

Bootstrap 的弹出组件遇到一些问题。

我的一个表单可以有多个动态添加的元素,因此我需要使用弹出窗口的选择器选项向所有这些元素动态添加弹出窗口。这工作得很好。

我想在单击新弹出窗口时关闭其他弹出窗口,因此我还使用 $(body).on("click", "selector") 并调用 $('selector').not(this).popover('hide'); 由于某种原因,这似乎会导致问题,点击的第一个弹出窗口将显示,然后没有其他弹出窗口会显示,并且它会显示所有内容 buggy 。

如果我将弹出窗口更改为不使用选择器,那么这会起作用。我唯一能想到的是 jQuery 排序事件被触发的方式是否有问题?

http://jsfiddle.net/nzM6F/10/

最佳答案

出于某种原因,在弹出窗口中使用选择器:存在错误。

试试这个:

$("[rel=popover]").popover({
    content: bindToMe,
    placement: 'right',
    html: true
});

http://jsfiddle.net/skelly/nzM6F/11/

您还将获得比 body 选择器更好的性能。

关于javascript - Twitter 的 Bootstrap 2.x 弹出框选择器和关闭问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16982715/

相关文章:

javascript - 展平/展开对象 : am I on the right tracks?

html - 当图像涉及使用 Bootstrap 3(垂直对齐)时,在 DIV 中将文本垂直居中

css - Bootstrap Angular 日期选择器 ngbDatepicker 不会在 ngbPanelContent 上溢出

javascript - 列表 <li> 元素即使在移动设备上调用 .hide() 后也不会隐藏

javascript - 如何通过 Javascript 阻止某些域请求?

jquery - 单击链接时显示 div 无法正常工作

javascript - 添加新的 LI 元素时如何使滚动条下降

javascript - 元素不会显示 js 切换功能

css - rails 萨斯 : variables are not passed with @import

javascript - OpenLayers:放大或缩小后被破坏的特征重新出现