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

你需要委托(delegate):

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

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

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

PS:重要说明 - 您需要指定要将处理程序绑定(bind)到的元素尽可能接近目标元素。在您的情况下，它是 #ToDoList，而不是 body 或 document 作为其他答案建议。