2

一部のリンクにホバリング効果を適用した単純なJQueryスクリプトを作成しました。ここに表示されているように、スクリプトは正常に機能します：テストサンプル...（IE以外のブラウザでテストしてください）

ただし、リンクにすばやくカーソルを合わせると、必要に応じて画像アイコンが消えないことがわかります。私はこれを修正するためにすべてを試みましたが、適切な解決策を見つけることができません。

今の質問：mouseOverホバー効果が完全に完了した後にmouseOutホバー効果が適用されていることをどのように確認できますか？

4

2 に答える 2

2

アニメーション効果には完了までの期間があるため、アニメーション中にホバー/ホバー解除が発生する場合を処理する必要があります。

JQueryのstop関数を使用しています（http://docs.jquery.com/Effects/stop）

例えば。

$（ "selector"）。stop（true、true）.youreffect（.....）;

試してみる。

于 2009-10-24T08:05:59.737 に答える
2

stop()アニメーション化された要素にを適用する必要があります。これを試して：

function hide_frame() {
   var hoveredLang = $(this).parent();              
   hoveredLang
      .find('.language-name').stop(true, true)
      .find('.download-img').stop(true, true)
      .find('.info-img').stop(true, true);
   //eccetera...
于 2009-10-24T10:13:10.150 に答える