将元素添加到DOM后，jQuery.click无法正常工作

Question

我有一个简单的jQuery（'div＃star'）。点击（功能。

最初加载DOM时，该函数会运行一次，但稍后我会在DOM中添加div＃star，此时click函数不起作用。

我正在使用jQuery 1.4.4，据我所知，我不再需要使用.live或.bind了。 DOM中任何时候都不会有多个div＃star。 我尝试从id =“star”更改为class =“star”，但这没有帮助。

关于如何使这个工作或为什么它不工作的任何建议？

我在jQuery（文档）.ready中有.click，并且在外部js文件中，并且在将div添加到DOM之后都不起作用。

Answer 1

这适用于jQuery 2.0.3

$(document).on('click', '#myDiv', function() {
    myFunc();
});

Answer 2

从jQuery 1.7开始，不推荐使用.live（）方法。 目前的建议是使用.on（） ，它提供了覆盖事先处理程序的先前方法的所有功能。 简而言之，您不必再决定，因为on（）可以做到这一切。

帮助中提供了文档，用于转换旧的jQuery事件方法.bind（） ,. delegate（）和.live（）

Answer 3

您仍然需要使用直播活动。

http://api.jquery.com/live/

Answer 4

尝试
.on('event', 'element', function(){ //code })

Answer 5

你需要在这里使用live或delegate 。 自jQuery 1.4.4以来，这个部门没有任何变化。

试着这样想： click并bind将事件附加到元素本身，所以当元素消失时，关于事件的所有信息也会这样做。 live在文档级别附加事件，它包含有关要侦听的元素和事件类型的信息。 delegate做同样的事情，除了它将事件信息附加到你喜欢的任何父元素。

Answer 6

您可以在使用委托来代替：

$(document).delegate('click', "selector", function() {
    //your code
});

我希望它会有所帮助。

Answer 7

用户“直播”方法$("div#star").live("click", function() {});

文件