9

別のdivがマウスオーバーされたときにdivの表示を切り替える次のコードがあります。マウスオーバーとマウスアウトを繰り返した場合を除いて、正常に機能します。すべてのトグルがキューに入れられます。

$(document).ready(function() {
    $('.trigger').mouseover(function(){
        $('.info').toggle(400);
    }).mouseout(function(){
        $('.info').toggle(400);
    });
});

私はこれを試しましたが、機能していないようです（切り替えられたdivの表示に問題が発生し、まったく表示されなくなります）

$(document).ready(function() {
    $('.trigger').mouseover(function(){
        $('.info').stop().toggle(400);
    }).mouseout(function(){
        $('.info').stop().toggle(400);
    });
});

ここでキューを取り除くにはどうすればよいですか？

4

2 に答える 2

16

.dequeue（）関数と.stop（）の使用

.dequeue().stop()

これに関する優れた記事がここにあります。あなたが知りたいことを教えてくれると確信しています。

http://css-tricks.com/examples/jQueryStop/

また、私は使用します。jqueryを保存するだけでshow() and .hide() なく、混乱を招きます。.toggle()

編集：更新

問題は、アニメーションが終了していないことです。trueを使用すると、別のアニメーションを開始する前に最後にジャンプします。

例

$('.trigger').mouseover(function() {
    $('.info').stop(true, true).show(400);
}).mouseout(function() {
    $('.info').stop(true, true).hide(400);
});
于 2010-11-18T15:58:06.070 に答える