首页 > 其他 > 详细

on()方法绑定动态元素的点击事件无响应

时间:2018-07-02 19:09:39      阅读:203      评论:0      收藏:0      [点我收藏+]

on前面的元素也必须在页面加载的时候就存在于dom里面

支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.8之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面。

<script>
      $(function(){
            $(".col-sm-10 .infor_data").on("click",".infor_add",function(){
                    var data = "<div  class=‘infor_data‘>";
                    data += "<input class=‘form-control infor‘ type=‘text‘ placeholder=‘请输入所需资料‘><span class=‘infor_sub‘>-</span>";
                    data += "</div>"
                    $(this).parent().parent(".col-sm-10").append(data)
              })
       })
       $(".col-sm-10").on("click",".infor_data .infor_sub",function(){
              $(this).parent().remove();
       })
</script>

 

on()方法绑定动态元素的点击事件无响应

原文:https://www.cnblogs.com/xiaokele1314/p/9255222.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!