Jquery - onclick不会触发动态创建的元素

Question

我有一个问题，Jquery onclick没有触发动态创建的元素。我正在使用Jquery 1.9并尝试使用“ON”和“LIVE”。但它仍然不起作用。可以帮我一些吗？

$("input[type=checkbox]").on("click", function (e) {..});

演示：Fiddle

Answer 1

将事件处理程序更改为

$(document).on("click", "input[type=checkbox]", function (e) {

Answer 2

如果您使用javascript创建和追加元素，则必须为此设置新的事件处理程序。在添加元素之前设置的事件处理程序将不适用于这些元素。

Answer 3

请将您的功能添加到document.ready

$(document).ready(function(){
    $("input[type=checkbox]").on("click", function (e) {..});
})

我认为它可以帮助您解决问题。

演示：fidder