我有按钮,当我点击它时,我会得到“弹出窗口”(使用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();
我该如何解决?怎么了?
答案 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在这里: