美文网首页
ajax渲染后不能通过DOM添加点击事件

ajax渲染后不能通过DOM添加点击事件

作者: setone | 来源:发表于2017-12-20 22:40 被阅读0次

今天想给一个ajax生成的表格里面的 a 标签添加点击事件

 $("#tbody  tr td div a").click(function (){
    alert("sucess")
})

乍一看没多大问题,但有一个问题,ajax是在页面渲染完后才会执行的事件,你做的事是在渲染之前做的,这样点击事件就不能绑定,改成下面的就能绑定事件了

$(document).on('click',"tbody  tr td div a",function(){  
    alert("sucess")
}); 

相关文章

  • ajax渲染后不能通过DOM添加点击事件

    今天想给一个ajax生成的表格里面的 a 标签添加点击事件 乍一看没多大问题,但有一个问题,ajax是在页面渲染...

  • useState原理

    首次渲染 ——调用App(),得到虚拟DOM1,把虚拟DOM1渲染成真实DOM用户点击button后,调用setN...

  • 事件

    1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别? Dom0添加同一个事件只能添加一次,多次添加时后...

  • 使用ajax动态加载html元素时,绑定事件需要注意的问题

    前两天做项目时用到ajax加载dom元素,发现绑定的事件无效 如下图: 如上图所示,点击触发ajax之后,接着操作...

  • jquery动态事件绑定

    事件:用了一个插件ajax调用外部文件弹窗,但是无法做表单验证。原因:没有给后来加入文档流的dom添加事件。办法:...

  • 深入理解JS中的事件发射器(Event Emitters)

    一、背景 先看一个DOM事件: 以上代码在button上添加了一个事件监听器,每当点击button的时候,点击事件...

  • js事件处理

    一. DOM0与DOM2事件处理程序 DOM0级 添加事件:通过在DOM元素的onxxx属性上添加处理程序重复添加...

  • emitter

    DOM 事件抽象 非常简单的事件添加的代码,点击 eleme 元素,先后输出 1,2。 想象下其内部结构: 事件绑...

  • 解决jQuery ajax动态新增节点无法触发点击事件的问题

    在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件。为什么点击事件失效,我们该怎...

  • 2017-01-20

    题目1:DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0级:后添加的事件处理程序会覆盖掉之前添...

网友评论

      本文标题:ajax渲染后不能通过DOM添加点击事件

      本文链接:https://www.haomeiwen.com/subject/irnnwxtx.html