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 
}) 

Как добавлять содержимое динамически это нужно событие delegation.

ОБНОВЛЕНИЕ:

$("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 
})