Question

我想在jquery中添加一個圖像，然後使其可以點擊我在下面的代碼中添加了下面的代碼，但它不起作用。

它添加圖像，但它不會使它可點擊。

$(".HeaderGifs").click(function() { 
alert("It Works"); 
}); 


$("#show_images").val()).append("<img class='HeaderGifs' src='images/text.jpg'></img>"); 

Answer 1

後創建的元素，你需要使用jQuery的方法之一去做這個。當你只使用click()時，你基本上只會告訴jQuery僅將該事件監聽器應用於該類現在的而不是現在和將來的每個元素。爲此，jQuery的有on()方法：

$('.HeaderGifs').on('click', function() {....} 

http://api.jquery.com/on/

編輯：我應該也不在話下delegate()方法，以防萬一，你在做這種方式找到更多的價值：

http://api.jquery.com/delegate/

Answer 2

使用.live()來添加事件處理程序。如果你想與特定的類元素始終以響應click事件，你的頁面加載

Answer 3

對於綁定到未來發生或插入的元素（就像在你的情況下，你插入整個img標籤），您必須使用.live()或.delegate()函數。

兩個詳細的文檔都低於可用 -

.live()

.delegate()

Answer 4

僅使圖像可點擊使用下面的代碼：

$('.HeaderGifs').on('click',"img",function() {....}