.在实时更新 html 元素后无法正常工作

Question

我已将以下代码动态添加到 html

<input class="checkclass" lsid="d11" name="checkbox-mini-0" id="checkbox-mini-0" data-mini="true" type="checkbox">

现在我知道 .click 不起作用，因此建议使用其他 stackoverflow 答案使用 On ，但仍然无法正常工作

<script> 
$(document).on("click",".checkclass", function() {
alert("test"); 
});
</script>

我的直播网址是http://freegifts.in/diet/test.html

Answer 1

对于checkbox、radio 和select 元素，使用change 事件而不是click。这些元素在创建后被包装在 div 中，因此它们不会直接接收任何事件。

在创建它们时，JQM 将事件绑定到父 div 并相应地在这些元素上触发事件。

$(document).on("change", ".selector", function.