添加一個click事件來調用一個函數給兒童？

Question

我有一個div只包含一個img。每個img都有一個唯一的ID。點擊時，我想將它傳遞給一個函數來改變圖像。

我曾嘗試：

$(".gallery_thumbs").children('img').click(function(){ 
    alert("go click !="+this.id); 
    gotoImage(this.id); 
}) 

警報是測試我傳遞正確的內容爲gotoImage功能，但我沒有得到的點擊事件綁定。我怎樣才能做到這一點？

Answer 1

很可能之前DOM已準備就緒，你有約束力的情況下，我建議使用.on()：

$(".gallery_thumbs").on('click', 'img', function(){ 
    alert("go click !="+this.id); 
    gotoImage(this.id); 
}); 

這是沒有必要的，包括裏面$(document).ready()因爲on檢查功能，每次綁定一個事件時間！

Answer 2

你可以使用：

$('.gallery_thumbs > img').on('click', function(){ 
    alert($(this).attr('id')); 
}); 

Answer 3

假設你已經正確地把你的代碼$(function() { ... })，試試這個：

$(".gallery_thumbs img").click(...); 

Answer 4

你可以試試這個也..

$(function() { 
    $(".gallery_thumbs").find("img").click(function() { 
     alert("go click !="+this.id); 
     gotoImage(this.id); 
    }); 
}); 

Answer 5

我通過向div中的所有大拇指添加一個類，然後通過類應用click事件來解決此問題，這個過程更加簡短

$(".thumb").click(function(){ 
    //alert("go click !="+this.id); 
    gotoImage(this.id); 
})