0

だから私はこのコードを持っています..

$('.hover-img').hover(function(e) {
    $(this).show("slide", { direction : "left" }, 500);
});

$('.hover-img').mouseleave(function(e) {
    $(this).stop(true, true).hide("slide", { direction : "left" }, 500);
});

スライド アニメーションが完了する前にユーザーのマウスが画像から離れると、停止して逆方向に戻りたいだけです。これは私が通常行う方法ですが、jQuery UI スライド効果を使用すると機能しないようです。

なぜ機能しないのですか？ありがとう

4

2 に答える 2

0

使ってみて...

.stop(true, false)

反転する前にアニメーションが最後までスナップしないようにするため。ホバー ハンドラーでも $.stop() を使用する必要があります。

$('.hover-img').hover(function(e) {
    $(this).stop(true, false).show(...);
});

$('.hover-img').mouseleave(function(e) {
    $(this).stop(true, false).hide(...);
});

また、$.stop() と $.animate() を使用する例については、この JSFiddle を参照してくださいhttp://jsfiddle.net/fjVDy/1/

于 2013-10-11T10:08:05.430 に答える