.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.