1

ちょっと謎。bootstrap-tooltip と bootstrap-popover を含む静的ページ (Magento-parlor の CMS ページ) があります。ポップオーバー トリガーが 1 回表示されるため、正常にロード/動作しているように見えますが、それが問題です。イベントは 1 回しか発生しません。

デバッグの試みで、背景色を変更する :hover 疑似クラスをページの css に追加しました。popover()これも、要素で が初期化されたときに 1 回だけトリガーされます。

Web サイトは Magento 1.7.2 の静的ページです。問題を確認するには、「オープンソース ハードウェア」というメモの上の円にカーソルを合わせてください。

ありがとう！

4

1 に答える 1

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

ロールオーバーを再度実行することができます（同じ「1回のみ実行」動作で）

問題を絞り込むのに役立つことを願っています。

于 2013-05-05T08:44:49.243 に答える