Jquery: append 后单击事件不起作用。 (不知道如何使用.ON)

Question

我有 2 个点击事件。 append 一个包含另一个单击事件的 IMG。显然这不起作用。我知道我必须使用 jQuery 的 .ON，但我就是不知道如何以及在哪里使用。

我的代码:

$( document ).ready(function() {
    // The one below (.choimh) isn't triggered anymore
    $('.choimg').click(function(){

    });

    // Switch to chosen color
    $('.color').click(function(){
        $(".thumbs").append('<a href="#"><img id="image'+u+'" class="choimg" src="/img/products/mini/'+colnumber+'-'+ i + '.jpg" />');
    });
});

.color div 与 .choimg 位于完全不同的位置。

我只是不知道如何使用 .ON。

Answer 1

它曾经是做这种事情的live或delegate函数。现在你可以这样做:

$(document).on('click', '.choimg', function(e) {

//do whatever

});