2011-12-01 81 views
2

這是一篇來自這裏的帖子的後續>How to "fadeOut" & "remove" a div in jQuery? - 但我們已經兩年了,而不是挖掘出來,這是有道理的做一個新的職位。JQuery FadeOut /刪除

我與它玩耍了這個工作(內嵌的JQuery)

<a onclick='$("#alert_top").fadeOut(300, function(){ $(this).remove(); });' class="alert_topClose">Link</a> 

去掉格 「alert_top」。但內聯鏈接不整潔。

試圖達到同樣的效果,這不起作用(JQuery的+鏈接)

$(".alert_topClose").click(function(){ 
    $("#alert_top").fadeOut(300, function(){ 
     $(this).remove(); 
    }); 
}); 

與鏈接

<a class="alert_topClose">Link</a> 

任何幫助,爲什麼將不勝感激。我看不出有什麼問題。

+1

jQuery運行後你不追加鏈接嗎?在這種情況下,您應該使用on()(http://api.jquery.com/on/)而不是click()。 – Filip

+1

@Filip Yup,或者只有當元素根據Shankar的答案可用時才使用'.click()'。 –

回答

5

確保您正在執行$(document).ready()$()中的上述代碼。如果元素在jQuery試圖獲取它時不可用,則它無法附加事件處理程序。試試這個

$(function(){ 
    $(".alert_topClose").click(function(){ 
    $("#alert_top").fadeOut(300, function(){ 
     $(this).remove(); 
    }); 
    }); 
}); 
+0

謝謝,絕對感到愚蠢的沒有意識到這一點! – Andy