0

私はjqueryに非常に慣れていないので、私の質問が基本的すぎる場合は、あらかじめご容赦ください。CSS と jquery の問題が混在していると思われるホバー スライド効果に問題があります。画像にカーソルを合わせると、最初は画像の最後まで完全にスライドしますが、2回目は、画像のスライドから開始するのではなく、ホバー効果が最初の要素の下から半分だけスライドするようです最後。

私はこれについて他の多くの可能性を試しましたが、これまでのところ運がありませんでした.誰かが私を正しい方向に向けることができれば、とても感謝しています:)

私が達成しようとしているものの例は、ここで見つけることができます

http://jsfiddle.net/robolist/rK4GD/

$('.proimg').hover(function(event) {
      $('.boxcaption',this).stop().toggle( 'slide' );
}).on('mouseleave',function(event) {
      $('.boxcaption',this).stop().toggle( 'slide' )});

よろしくお願いします

4

1 に答える 1

0

ホバー時にトグルを使用する場合、mouseleave イベントを実行する必要はありません。また、stop はブーリアン パラメーターを使用することに注意してください。最初はキューのクリア、2 番目は終了へのジャンプです。

ただ行う：

$('.proimg').hover(function(event) {
    $('.boxcaption',this).stop(true, true).toggle( 'slide' );
});

フィドル: http://jsfiddle.net/rK4GD/10/

参照: http://api.jquery.com/stop/

于 2013-06-07T09:45:13.883 に答える