Question

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

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

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

谢谢！

Answer 1

我不熟悉Bootstrap的特定机制（孩子，我的草坪，下车），但从纯粹的javascript / dom角度来看，你的悬停显示在以下div < / p>

<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>

当你弹出/弹出popover时，上面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')

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

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

Twitter-Bootstrap popover只触发一次（Magento）

1 个答案: