jquery - Twitter-Bootstrap 弹出框仅触发一次（Magento）

Question

有点神秘。我有一个静态页面（Magento-parlor 中的 CMS 页面），其中包括引导工具提示和引导弹出窗口。它们似乎加载/工作正常，因为我可以看到一次弹出框触发器......但这就是问题所在，该事件只发生一次。

在一次调试尝试中，我在页面的 css 中添加了一个 :hover 伪类，它改变了背景颜色。popover()这也仅在元素上初始化时触发一次。

该网站是 Magento 1.7.2 中的静态页面。请将鼠标悬停在“开源硬件”注释上方的圆圈上以查看问题。

谢谢！

Answer 1

我不熟悉 Bootstrap 的具体机制（孩子们，我的草坪，下车），但是从纯 javascript/dom 的角度来看，您的悬停似乎在以下div

<div id="hardware-overlay" class="img-circle" data-placement="top" data-content="The arduino-compatible hardware connects
    five environmental sensors to the internet Wirelessly." data-original-title="" title="" style="">
</div>

当您滚出/鼠标移出弹出框时，上述 div 的 DOM 节点将更改为包含一个style="display:none;"

<div id="hardware-overlay" class="img-circle" data-placement="top" data-content="The arduino-compatible hardware connects
    five environmental sensors to the internet Wirelessly." data-original-title="" title="" style="display: none; ">
    </div>

因为这个 div 没有被显示，所以没有任何东西可以触发弹出。如果我从 Chrome 的调试器控制台运行以下 javascript

jQuery('#hardware-overlay').css('display','block')

我可以让翻转再次运行（具有相同的“仅运行一次”行为）

希望这有助于缩小问题范围。