append追加元素绑定事件无效的解决办法

Posted 2020-09-06 风清扬dyf

问题是：通过jQuery append（或者before、after，一样）新添加进网页的元素，常用的事件不能触发，比如：append了id 为 abc 的元素，那么 $(#abc).click(function(){})是没有效果的。

1. 网上说要用live()函数，亲测无效，应该是jQuery的版本问题，反正到目前为止是不能用了；

2. 解决方法：用on函数，要注意格式(楼主搞了半天，因为格式不对，哎，不说了…都是泪)

         正确格式： $("outerSelector").on(‘eventType‘,‘selector‘,function(){})；
          outerSelector 是一个一直存在的DOM， selector是你要监听点击的节点；
　　 例子： $(function(){
            $("form").on(‘click‘,"[class=‘image‘]",function(){
                this.remove();
            })
        })

突然发现各种知识深似海啊 要努力学习