jQuery mouseover üzerinde geçiş yapar - sıralamayı önler

Question

Başka bir div fareyle üzerine gelindiğinde, bir div'in görünürlüğünü değiştiren aşağıdaki koda sahibim. Bitti eğer fare dışında çalışıyor ve tekrar tekrar dışarı o anahtarlarla tüm kuyruklar: Bu denedim

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

, ama buna toggled görünürlüğü ile ilgili sorunlar yaratır (çalışmak için görünmüyor div ve sonuna kadar gösterme)

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

Kuyruktan nasıl kurtulurum? .dequeue() fonksiyonu ve .stop() buradan bu konuda

.dequeue().stop() 

Mükemmel makale kullanma

Answer 1

, bu bilmek istediklerini söyler emin im.

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

Ayrıca ben kullanırım. Sadece herhangi bir karışıklığı kaydetmek için .toggle() yerine show() and .hide().

Düzenleme:

sorun Güncelleme gerçek, gerçek başka başlamadan önce sona atlar kullanılarak, animasyon isnt bitirme olduğunu.

Example

$('.trigger').mouseover(function() { 
    $('.info').stop(true, true).show(400); 
}).mouseout(function() { 
    $('.info').stop(true, true).hide(400); 
}); 

Answer 2

Bu

$(".trigger").hover(function() { $(".info").stop(true).toggle(400); });