Jquery 向动态添加的span元素添加事件处理程序

我想将动态添加的span元素绑定到页面上的一个节点。 我为一个静态元素编写了bind事件，效果很好-

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

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

请尝试以下代码：

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