我正在通过Ajax在变量data中接收此html代码。它包含Bootstrap 4 switches，基本上是复选框：
<div class="custom-control custom-switch"><input class="custom-control-input" type="checkbox" value="3" name="details[]" id="control_id_detail_3"><label class="custom-control-label" for="control_id_detail_3">S</label></div>
<div class="custom-control custom-switch"><input class="custom-control-input" type="checkbox" value="4" name="details[]" id="control_id_detail_4"><label class="custom-control-label" for="control_id_detail_4">M</label></div>
<div class="custom-control custom-switch"><input class="custom-control-input" type="checkbox" value="5" name="details[]" id="control_id_detail_5"><label class="custom-control-label" for="control_id_detail_5">L</label></div>
<div class="custom-control custom-switch"><input class="custom-control-input" type="checkbox" value="6" name="details[]" id="control_id_detail_6"><label class="custom-control-label" for="control_id_detail_6">XL</label></div>
然后，我将html内容添加到名为 #attribute_holder 的div中，
$('#attribute_holder').html(data);
所以最后，我有了以下代码：
<div id="attribute_holder">
<div class="custom-control custom-switch"><input class="custom-control-input" type="checkbox" value="3" name="details[]" id="control_id_detail_3"><label class="custom-control-label" for="control_id_detail_3">S</label></div>
<div class="custom-control custom-switch"><input class="custom-control-input" type="checkbox" value="4" name="details[]" id="control_id_detail_4"><label class="custom-control-label" for="control_id_detail_4">M</label></div>
<div class="custom-control custom-switch"><input class="custom-control-input" type="checkbox" value="5" name="details[]" id="control_id_detail_5"><label class="custom-control-label" for="control_id_detail_5">L</label></div>
<div class="custom-control custom-switch"><input class="custom-control-input" type="checkbox" value="6" name="details[]" id="control_id_detail_6"><label class="custom-control-label" for="control_id_detail_6">XL</label></div>
</div>
现在，当复选框更改状态时，我需要通过jQuery进行检测。我正在使用以下代码：
$(function(){
$('#attribute_holder input[type="checkbox"]').on('change', function(){
console.log($(this).val() + ' changed state to: ' + $(this).is(':checked'));
});
});
如果加载页面时html中的html已被燃烧，则这似乎起作用。但是，如果我通过ajax加载相同的html，则jQuery不会在复选框上检测到change事件。我想念什么？谢谢！