При изменении динамически создается флажок iCheck в jQuery

Question

У меня есть скрипт, который создал список вместе с набором флажков рядом с элементами списка, в частности, здесь:

$('<td>').html('<input type="checkbox" class="batchCheckboxTransfer" name="batch[]" value="">')

И я успешно могу повторно инициализировать их, чтобы они выглядели так, как они должныto.

Однако я не могу заставить действие, связанное с изменением этих динамически созданных элементов, работать.

В настоящее время я просто пытаюсь заставить это работать, но не могу:

<script>
    $('.box-body').on('change', '.batchCheckboxTransfer', function(){
        alert('hello');
    }
</script>

Answer 1

Любой event listener должен быть добавлен сразу после создания и добавления element в DOM.Это не может быть отдельный сценарий.попробуйте поставить $('.box-body').on('change',..... сразу после добавления.