0

3 * 3 の写真コラージュがあり、写真にマウスを合わせると、写真の対応するテキストの概要が表示されるようにします。テキスト サマリーは、id summary-container の div に含まれています。つまり、前のテキスト サマリーは、スライド アニメーション効果のある現在のテキストに置き換えられます。以下はJavaScriptコードの一部です。

$('#photo-collage').find('.span4').hover(function(){  
      $('#summary-container').fadeOut();
      $('#summary-container').show('slide',{direction: 'left'},1000);
      $('#summary-container').load(url,data);
},function(){});

ある写真から別の写真にカーソルを合わせるとうまくいきます。しかし、問題は、たとえば、写真 2 と写真 3 をまたいで写真 1 から写真 4 にカーソルを合わせると、show() 関数がさらに 2 回呼び出されることです。そのため、スライド アニメーションが 2 つありますが、これは必要ありません。

この問題を解決するには、コードをどのように調整すればよいですか?ありがとう

4

1 に答える 1

1

試す

$("#summary-container").clearQueue().stop();

アニメーション キューをクリアします。

于 2013-02-09T00:55:47.247 に答える