2010-02-08 135 views
1

我在jQuery中做了一些簡單的.hover(function()語句,當我將鼠標懸停在文本上時,我只想要一個#div.fadeIn和非懸停fadeOut。但它只是如果我發送文本觸發器與懸停和非懸停真的很快,然後停止動畫開始閃爍的效果。它只是一種循環,真煩人!jQuery循環我的淡入/淡出

回答

3

有幾個簡單的方法來解決這個問題,但是這一次應該提供你想要的東西一個很好的效果:

$("#yourtrigger").hover(function(){ 
    $("#div").stop(true).fadeTo("fast", 1.0); 
}, function(){ 
    $("#div").fadeOut("fast"); 
}); 

其重要不使用fadeIn用這種方法,因爲它會阻止衰落而將後jQuery如何跟蹤它應該「淡入」的原因。

+0

謝謝道格,它的工作很棒! – 2010-02-09 14:53:52

0

如果你有這樣的事情:

$('#your_div').action1().action2(); 

將其更改爲:

$('#your_div').action1(miliseconds, function() { 
    $(this).action2(); 
}); 

你甚至可以與1.4版,添加延遲()調用這個樣子。

$('your_div').action1().delay(miliseconds).action2();