【问题标题】:Twitter-Bootstrap popover triggers only once (Magento)Twitter-Bootstrap 弹出框仅触发一次(Magento)
【发布时间】:2013-05-05 08:24:32
【问题描述】:

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

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

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

谢谢!

【问题讨论】:

    标签: jquery magento twitter-bootstrap magento-1.7 jquery-tooltip


    【解决方案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')
    

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

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

    【讨论】:

    • 太棒了!谢谢,还不确定是什么原因,但这肯定是问题所在。
    猜你喜欢
    • 1970-01-01
    • 2013-01-22
    • 2013-10-30
    • 1970-01-01
    • 1970-01-01
    • 2018-08-03
    • 1970-01-01
    • 2012-10-23
    • 1970-01-01
    相关资源
    最近更新 更多