添加事件处理程序以动态添加span元素

Question

我想将点击甚至绑定到动态添加的span元素到我页面上的节点。 我为一个静态元素编写了绑定事件，它工作正常 -

function clickSpan(domNode){
   $(domNode).find("span").bind("click", function(){
      alert("span clicked");
   });
}

我尝试为动态添加的元素编写相同的内容，并将“bind”更改为“on”方法。不知何故，这对动态添加的span元素不起作用。如何使动态添加的span元素响应点击？

Answer 1

试试这段代码：

$('#parent_selector').on('click', 'span', function(){
    alert("here");
});