首页 > 代码库 > append追加元素绑定事件无效的解决办法

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

问题是:通过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();
            })
        })

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

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