JQuery .on("click",function())不起作用

Question

当我选中复选框时,我试图解雇JQuery.起初我意识到我的JQuery只适用于静态元素.我阅读了几篇文章,发现我需要.on("click,function())才能为动态添加的元素触发相同的javascript.

但是,这种方法对我来说仍然不起作用.有人可以帮忙吗？谢谢.

$(document).ready(function(){
    $("input[name='todo']").on('click', function(){
    var isChecked = this.checked
           if (isChecked == true){
          $(this).next().remove();
          $(this).remove(); 
        }
        if (isChecked == false)
        {
        alert("checkbox is NOT checked");
        }

        });

    });

我的示例应用程序:http://jsfiddle.net/JSFoo/7sK7T/8/

Answer 1

你需要代表团:

$('#ToDoList').on('click', "input[name='todo']", function() { ... });

http://jsfiddle.net/7sK7T/9/

文档:http://api.jquery.com/on/#direct-and-delegated-events

PS:重要的注意事项 - 您需要将处理程序绑定的元素指定为尽可能接近目标元素.在你的情况下,它是#ToDoList,不是body或document作为其他答案的建议.