JQueryのホバー効果の問題

StackOverflow https://stackoverflow.com/questions/1617320

  •  06-07-2019
  •  | 
  •  

質問

いくつかのリンクにホバリング効果を与える単純な JQuery スクリプトを作成しました。ここでわかるように、スクリプトは正常に動作します。 テストサンプル ...(IE以外のブラウザでテストしてください)

でもホバリングしたら 速い リンク上では、画像アイコンが必要に応じて消えないことがわかります。これを修正するためにあらゆることを試しましたが、適切な解決策が見つかりません。

今の質問: MouseOver ホバー効果が完全に完了した後に、mouseOut ホバー効果が確実に適用されるようにするにはどうすればよいですか?

役に立ちましたか？

解決

アニメーション化された要素に 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...

他のヒント

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

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

例えば。

$("セレクター").stop(true,true).yourefect(....);

試してみる。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top