Javascript Twitter引导弹出窗口显示在错误的位置

我有一个按钮，当我点击它时，我会看到带有数据的“弹出窗口”（使用boostrap模式）。我使用了twitter boostrap工具提示，一切正常。当我决定用popover替换工具提示时，我遇到了一些奇怪的问题。首先，我想弹出显示当我悬停一个链接，但它只出现在我点击链接。第二，popover出现在主窗口上，不消失，不管我尝试了什么。我只想让他出现在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({trigger: "hover"});

请点击此处：

---

触发器拼写错误，应为：

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

---

更正后，它在JSFIDLE中对我来说运行良好。

这应该是

标记上的

数据触发器

属性吗？可以在标记中写入“data trigger”属性，另一种方法是将其作为js$（'.blob'）.popover（{trigger:“hover”）的一部分写入；谢谢，它工作得很好，但不是在模态中，所以我只添加了z-index:5000；谢谢，它也有用，你说得对！我拼写错了。但是它在模式（弹出窗口）上不起作用，所以我添加了z-index:5000；对不起，我没有把你的答案记为正确答案。唯一的原因是因为DCA会先回答。

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