单击事件无效的Bootstrap popover

时间:2014-09-27 17:23:41

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3 popover

我对这个谜团深陷困境:我正在使用bootstrap 3.2并且我的popovers不会显示click事件。

经过大量测试后,我没有找到问题所在的想法。

此处代码http://jsfiddle.net/drgsa8hr/3/ (I added the same js files my project is using )

如果我读得很好:Popover扩展了工具提示:https://github.com/twbs/bootstrap/blob/master/js/popover.js#L32

测试1:工具提示适用于Click&悬停事件

测试2:Popover适用于悬停事件

测试3:问题:Popover无法使用点击事件。

你有什么想法纠正这个问题吗?

编辑:我的第一篇文章不够清楚,抱歉。这个小提琴适合我。但是,我的项目中完全相同的代码没有显示带有click事件的popover。我正在寻找一个解决方案,以找出为什么popover正在使用悬停而不是单击事件。再次感谢你。

2 个答案:

答案 0 :(得分:0)

我测试了你的小提琴链接,它在我的FF-32.0.3,Windows 8上运行良好。

enter image description here

答案 1 :(得分:0)

我终于找到了解决方案:它来自jqueryAimMenu示例的复制/粘贴代码。

https://rawgit.com/kamens/jQuery-menu-aim/master/example/example.html

$(document).click(function() {
        // Simply hide the submenu on any click. Again, this is just a hacked
        // together menu/submenu structure to show the use of jQuery-menu-aim.
        $(".popover").css("display", "none");
        $("a.maintainHover").removeClass("maintainHover");
        });