0

次のコードを使用してツールチップボックスを生成しています。ユーザーが指定されたスパンにカーソルを合わせると、ボックスが切り替わります。問題は、ページにこれらが20個または30個あることです。したがって、ユーザーがリストの下でマウスを実行すると、30個すべてが順番に表示および非表示になります。現在表示されている、またはアニメーション化中の別のツールチップがある場合に、エフェクトの実行を停止する方法はありますか？

    $('td.aO .tTCont').hover( function(){
    $(this).siblings('div.toolTip').delay(100).fadeToggle('200');})
4

2 に答える 2

1

で現在のアニメーションを停止し、で.stop()キューに入れられている/保留中のすべてのアニメーションを削除でき.clearQueue()ます。

別のアニメーションをキューに入れる前に、それぞれのセレクターに対してそれら（の1つ）を呼び出すと、トリックが実行されます。

おそらく、問題ないように見える構成を見つけるために、それらをいじくり回さなければならないでしょう。:)

于 2013-02-12T09:07:36.683 に答える
0

このコードを試してください：

$('td.aO .tTCont').hover( function(){
    $(this).children('.toolTip').delay(100).fadeToggle('200');})
于 2013-02-12T09:07:25.270 に答える