jquery - 子に関数を呼び出すためのクリックイベントを追加しますか?

Question

のみをdiv含むがありimgます。それぞれimgに固有の ID があります。クリックすると、これを関数に渡して画像を変更したいと考えています。

私が試してみました：

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

アラートは、正しいコンテンツを関数に渡していることをテストすることですが、gotoImageバインドするクリックイベントを取得していません。どうすればこれを達成できますか?

score 1 · Accepted Answer

DOM の準備が整う前にイベントをバインドしている可能性があります。次を使用することをお勧めし.on()ます。

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

イベントをバインドするたびにチェックする$(document).ready()ため、関数を内部に含める必要はありません!on

score 1 · Accepted Answer

$(function() { ... })コードを正しく配置したと仮定して、これを試してください：

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

score 0 · Accepted Answer

これも試すことができます..

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

score 0 · Accepted Answer

div のすべてのサムにクラスを追加して回避し、クラスを介してクリックイベントを適用すると、より短く簡単になりました。

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

score 0 · Accepted Answer

あなたが使用することができます:

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

jquery - 子に関数を呼び出すためのクリック イベントを追加しますか?