在 jQuery 中更改动态创建的 iCheck 复选框

Question

我有一个脚本可以创建一个列表以及列表项旁边的一组复选框，具体如下：

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

而且我能够成功地重新初始化它们，使它们按预期显示。

但是，我似乎无法获得与更改这些动态创建的元素相关联的操作。

目前，我正试图让它工作但不能：

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

Answer 1

任何 event listener 都应在创建 element 后立即添加并附加到 DOM 中。它不能是一个单独的脚本。尝试将 $('.box-body').on('change',..... 放在追加之后。

On change dynamically created iCheck checkbox in jQuery