Проверенная функция не работает для клонированного div

Question

Я клонировал div, содержащий флажки, функция ниже работает для оригинального div, но не реагирует на клонированные флаги div. Код не так-то просто понять, поэтому не делясь здесь. Какая концептуальная ошибка я делаю. Пожалуйста, помогите !! 1

$(".checkboxes").change(function(){ 
if(this.checked) 
{ 
//something 
} 
}); 

Answer 1

Я предполагаю, что вы загрузить функцию изменения() на нагрузке, а затем клонировать некоторые из элементов. Если вы хотите, чтобы события на динамически загружаемым контентом, то вы должны вызвать функцию события снова или сгореть случай на обертке, которая статична, как это:

// .checkboxes-wrapper is loaded at the beginning and it's appended with the new checkboxes 
$('.checkboxes-wrapper').on('click', '.checkboxes', function(){ 
    // do your stuff here 
}); 

Answer 2

There is a demo имитировать то, что ваши Issus.

$("body").on('change','.checkboxes',function(){ 
    if(this.checked) 
    { 
    alert('!') 
    } 
}); 

$('.checkboxes').clone().appendTo('body');