javascript - Twitter Bootstrap 弹出框显示在错误的位置

Question

我有一个按钮，当我点击它时，我会得到带有数据的“弹出窗口”（使用 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();

我该如何解决？怎么了？

Answer 1

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

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

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

Answer 2

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

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

jsfiddle在这里：

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