Twitter Bootstrap popover显示在错误的位置

时间:2013-03-03 19:31:15

标签: javascript twitter-bootstrap popover

我有按钮,当我点击它时,我会得到“弹出窗口”(使用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();

我该如何解决?怎么了?

2 个答案:

答案 0 :(得分:1)

你拼写错误的触发器应该是:

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

经过纠正后,它在jsfiddle中运行正常。

答案 1 :(得分:0)

不确定为什么data-trigger属性不起作用,但是使用JS初始化参数传递选项会使其按照您的意图行事:

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

jsfiddle在这里:

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