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

Posted 2020-11-21 xiaokele1314

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>