使用Live方法将函数绑定到动态创建的复选框

Question

如何将以下内容绑定到可能动态添加到我的页面的所有复选框实例。我不确定如何使用Live（）方法来执行此操作。

        $('input:checkbox').imageTickBox({
            tickedImage: "/Content/Img/checkbox_tick.png",
            unTickedImage: "/Content/Img/checkbox_notick.png",
            imageClass: "tickbox"
        });

Answer 1

您无法使用.live()（或.delegate()）执行此操作。这些是针对可能尚不存在的事件的绑定事件处理程序。

  

说明：为现在和将来与当前选择器匹配的所有元素附加处理程序。

您正在使用的图片复选框插件不是任何类型的“事件”。每当添加新的复选框时，您都必须显式调用初始化代码（例如$('selector').imageTickBox(...)）。

Answer 2

这绝对是一个重复的问题：请参阅

jquery live event for added dom elements

Event binding on dynamically created elements?

Answer 3

.live()用于监听事件，然后检测这些事件的来源。向页面添加元素不会触发.live()可以侦听的任何内容。每当您向页面添加复选框时，都必须调用插件初始化。