jQuery的點擊功能不工作當點擊圖像

Question

我有這樣的代碼

$("div").click(function() { 
    var CurrId = $(this).attr('id'); 
    if (CurrId == "First") { 
     $("#MenuContent").empty(); 
     $("#MenuContent").hide(); 
     $('<img src="images/End_05.png" width="30" height="30" /> <a id="First" class style="text-decoration:none;color:black">any </a>').appendTo("#MenuContent"); 
     $("#MenuContent").show("slow"); 
    } 
}); 

即當我點擊div的圖像（假設它的名字是mm）和鏈接出現。現在，我寫了這個：

$("img").click(function() { 
    alert('yes'); 
}); 

當我點擊圖像顯示（即mm）什麼都沒有。有任何想法嗎？

Answer 1

$('img')沒有考慮它被調用後創建的元素。您必須使用事件代表來解釋它們：

$('#MenuContent').on('click', 'img', function() { 
    alert('yes'); 
}); 

Answer 2

可能是在圖像實際添加之前調用第二個函數。嘗試使用
jquery.live();或jQuery.on()或jQuery.delegate() 不是 click()。

注意：jQuery.live()已被棄用。