jQ追加的节点添加事件无效

Posted xt-xutao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQ追加的节点添加事件无效相关的知识,希望对你有一定的参考价值。

做这么一个动态增加的表格形式的表单:

技术图片

 

使用的是$("#XXX").click(callback)形式 

发现使用JQuery追加的新行无法再通过点击+产生新行

因为原来注册点击事件时新行并不存在,

加入后不会再注册

 

查了下资料

原来不嫩再使用click了,需要使用on来注册

如:

 $(document).on(‘click‘,".addRow",function () {
        var appendContext =
            "<tr >" +
              ······
            "</tr>";
        $(this).parent().after( $(appendContext))
    }) ;    

不能使用:
$("#addRow").click(function(){
  ······
})

 

以上是关于jQ追加的节点添加事件无效的主要内容,如果未能解决你的问题,请参考以下文章

用jq创建出来的虚拟DOM应如何添加事件

JS动态append之后点击事件无效

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

jdom 如何追加元素

关于JQ中,新生成的节点on绑定事件失效的解决

jq focus 在火狐(Firefox)下无效