jQuery 动态 ajax 添加 元素 绑定事件 处理函数 delegate on

 

<script>
    $(function(){
         $("body").delegate("p","click",function(){
            console.log("Click Event");
         })
        $("<p>这是生成的内容</p>").appendTo("body");
    })
</script>

 

在jQuery1.7.3以上的版本中，on方法也可以做这件事，官方有示例说明，这里不再赘述。

比如有一些情况多次从后台获取动态内容到前台，点击的时候会触发多次，还要使用  $("body").undelegate();  解除之前的绑定 然后再一次重新绑定。

$("body").undelegate();
$("body").delegate(".reply_check_btn", "click", function () {
    alert('adsadsa');
});