jQuery动态append添加元素点击事件失效

最近开始做前端，遇到一些问题，现在记录一下，以备不时之需。

问题描述：在div中动态添加span元素，之后执行

$(selector).click(function(){var param = $(this).text();})

无法触发事件。

原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。

解决方案：事件委托方式解决，将指定的事件绑定在document上，只要append元素符合指定的元素，就会绑定此事件 。

$(document).on("click","指定的元素",function(){});

最后实现代码

$(document).on("click", selector, function(){
        var param = $(this).text();})