jQuery無法在Ajax上加載

Question

我目前正在嘗試對一些我未編寫或未完全理解的代碼進行一些工作。 該頁面使用AJAX動態調用內容。 我試圖操縱該內容，但是當然是因為當我將頁面應用於動態內容時，頁面已經被加載，它會被忽略。 這是我嘗試調用的jQuery的一些基本示例：

$(".check").each(function() {
    $(this).hide();
    var $image = $("<img src='img/checked.png' />").insertAfter(this);
    $image.click(function() {
        var $checkbox = $(this).prev(".check");
        $checkbox.prop('checked', !$checkbox.prop('checked'));

        if ($checkbox.prop("checked")) {
            $image.attr("src", "img/checked.png");
        } else {
            $image.attr("src", "img/unchecked.png");
        }
    })
});

if ($(window).width() < 500) {
    $('.panel-collapse').removeClass('in');
} else {
    $('.panel-collapse').addClass('in');
}

我如何才能將此與ajax一起使用？

Answer 1

以這種方式使用它。

$image.on('click',function() {
        // your script 
})

在動態添加內容時，需要事件委托 。

更新：

 $("some_parent_id_or_class").on('click','img_with_some_class_or_id',function(){

    //your script
 })

例如

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

    //your script
 })