-2

私はCSSとJSが初めてです。マウスホバーで2つのイベントを発生させようとしていますが、うまくいきません。ここに私が持っているコードがあります

<div class="ht2_icon ht2left" style="background: url(icons/img4.png) no-repeat center;" onClick="popup('#newTeam')"> 
    <span class="tooltip" onmouseover="tooltip.pop(this, 'New Team', {position:0})"> 
        <img src="icons/img4hover.png"/>
    </span>
</div>

ツールチップと他の画像がマウスホバーで機能するようにする必要がありますが、そうではありません。

4

2 に答える 2

0

HTML、CSS、JavaScript を別々に保ち、コールバックをプログラムでバインドする必要があります。「クリーンな」HTML は次のようになります (クラスを追加しましたpopup-trigger)。

<div class="ht2_icon ht2left popup-trigger"> 
    <span class="tooltip"> 
        <img src="icons/img4hover.png"/>
    </span>
</div>

JavaScript では、要素に複数のイベント リスナーを追加できます。この例と次のコードを確認してください。

tooltips[i].addEventListener('mouseover', popTooltip);
tooltips[i].addEventListener('mouseover', doSomethingElse);

jQuery を使用している場合は、.on() 関数を使用する必要があります。これは、セレクターに一致する現在および将来のすべての要素に対してコールバックを実行します。

var $triggers = $(".popup-triggers");
$triggers.on("click", function() {
    // do something
});
于 2013-08-06T08:48:15.743 に答える