在 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',.....。