通过jquery注入html后，事件处理程序无法使用不使用委托

通过jquery注入html后，事件处理程序无法使用/不使用委托

您需要将事件处理程序绑定到应在其上触发事件的元素的公共祖先。例如，如果您

#element

将追加内

div

具有

id

的

parent

：

$("#parent").delegate(".commenticon", "click", function() {    //Do stuff});

这将适用于这样的HTML结构：

<div id="parent">    <div >    </div>    <div >    </div></div>

之所以起作用，是因为DOM事件从它们的起源点冒出来。该

delegate

方法在祖先元素处捕获事件，并检查事件是否起源于与选择器匹配的元素。

另请注意，

id

在同一文档中具有重复值是无效的。在这里，我将您的

element

ID值改为了类名。

最后，如果您使用的是jQuery
1.7+，则应改用该

on

方法。它将具有相同的效果，但是请注意，前两个参数是相反的：

$("#parent").on("click", ".commenticon", function() {    //Do stuff};