Twitter Bootstrap 弹出框显示在错误的位置答案

【问题标题】：Twitter Bootstrap popover display in wrong placeTwitter Bootstrap 弹出框显示在错误的位置
【发布时间】：2013-03-03 19:31:15
【问题描述】：

我有一个按钮，当我点击它时，我会得到带有数据的“弹出窗口”（使用 boostrap 模式）。我使用了 twitter boostrap 工具提示，一切正常。当我决定用弹出框替换工具提示时，我遇到了一些奇怪的问题。首先，我希望在悬停链接时出现弹出框，但仅在单击链接时才会出现。其次，弹出窗口出现在主窗口上，无论我尝试什么都不会消失。我只是希望他像我上一个工具提示一样出现在 boostrap 模态中。

这是我的链接：

<a href="#" class="blob" data-html="true" data-triger="hover" data-original-title="A Title" data-content="bla bla bla">link</a>

js:

$('.blob').popover();

我该如何解决？怎么了？

【问题讨论】：

应该是<a>标签上的data-trigger属性吗？
可以在标记中写入“data-trigger”属性，另一种方法是将其写入 js $('.blob').popover({trigger: "hover"} );

标签： javascript twitter-bootstrap popover

【解决方案1】：

你拼错了触发器，应该是：

<a href="#" class="blob" data-html="true" data-trigger="hover" data-original-title="A Title" data-content="bla bla bla">link</a>

修正后它在 jsfiddle 中对我来说可以正常工作。

【讨论】：

感谢它也有效，你说得对！我拼错了。但它不适用于模态（弹出），所以我添加 z-index:5000;抱歉，我没有将您的答案标记为正确。唯一的原因是因为 dcasadevall 先回答。

【解决方案2】：

不确定为什么 data-trigger 属性不起作用，但使用 JS 初始化参数传递选项使其行为符合您的预期：

$('.blob').popover({trigger: "hover"});

jsfiddle在这里：

http://jsfiddle.net/dcasadevall/S8sXQ/1/

【讨论】：

感谢它运行良好，但不是模态，所以我只添加 z-index:5000;