2011-10-19 51 views
0

看看這個代碼:爲什麼FadeOut不工作?

<script> 
$(function(){ 
    $("div.note a").live("click", function(e) { 
    e.preventDefault(); 

    answer = confirm("Delete?");  
    if (!answer) return false; 

    $(this).parent().fadeOut('slow', function(){ 
     $(this).remove(); 
    }); 
    }); 
}); 
</script> 

<div id="note_list"> 
    <div class="note"> 
    Text: 
    <a href="#">X</a> 
    </div> 
    <div class="note"> 
    Text: 
    <a href="#">X</a> 
    </div> 
    <div class="note"> 
    Text: 
    <a href="#">X</a> 
    </div> 
    <div class="note"> 
    Text: 
    <a href="#">X</a> 
    </div> 
</div> 

能有人爲告訴我爲什麼淡出不工作?點擊div後刪除,但我沒有看到聯邦效應。爲什麼?

+0

工作得很好:http://jsfiddle.net/svmg4/ – MacMac

+0

[。您的代碼工作正常(http://jsfiddle.net/xB3Qy/)請張貼代碼已經過驗證可以證明這個問題。 – user113716

+0

這是在jsfiddle中爲我工作: - http://jsfiddle.net/CNQXV/文本和鏈接淡出。我們可以在網上看到一個例子嗎?您可能還有其他導致衝突的JavaScript錯誤? – rtpHarry

回答

3

它正在工作,我爲你做了一個fiddle

如果由於某種原因,您仍然無法看到它,請嘗試用代替幾毫秒,而像3000這樣足夠大的東西應該這樣做。

+0

是的,'慢'是問題....現在我看到效果正確 – Dail

+0

@Dail:使用''慢''不應該導致任何麻煩。它將映射到我相信的800ms。編輯:實際上看起來像600ms https://github.com/jquery/jquery/blob/1.6.2/src/effects.js#L542-547 – user113716

+0

我發現,淡入淡出沒有在Chrome中使用'慢'時以上jsfiddle – Deebster

0

,你也可以嘗試.fadeTo(3000,0,function(){$(this).remove();})