美文网首页
js绑定事件到动态生成的html

js绑定事件到动态生成的html

作者: 江小石 | 来源:发表于2017-07-25 10:56 被阅读0次

正常情况下绑定点击事件可能是这样的:

        //对class包含href_u的元素绑定点击事件
        $('.href_u').click(function(){
            alert(row);
        })

现在有一段动态生成的html,需要绑定事件

    function formatOperate(value, row, index){
        var html=["<a class=\"href_u\" href='${ctx}/fee/history.shtml'>历史记录</a>","<a href='#' >修改</a>"];
        return html.join('    ');
    }

用上面的方法就失效了,因为绑定事件的代码在执行的时候dom元素并没有生成,应该改为

        $(document).on('click','.href_u',function(){
        //对class包含href_u的元素绑定点击事件
            alert(row);
        })

$(document).on是把事件委托到了document上
$('#idname').on是把事件委托到了元素上面

相关文章

  • js绑定事件到动态生成的html

    正常情况下绑定点击事件可能是这样的: 现在有一段动态生成的html,需要绑定事件 用上面的方法就失效了,因为绑定事...

  • js为动态生成/添加的元素绑定事件

    有一段时间没有写js代码了,今天就说说js为动态生成/添加的元素绑定事件。 原理: 定位到需要绑定的元素(重点)-...

  • js动态生成html重复绑定事件失效

    在js里面,click事件是存在重复绑定的情况的比如说,一个函数会执行多次,你每次都把绑定了click事件,那么他...

  • jQuery和zepto

    1, 有jQuery动态生成的dom, 需要用live绑定事件, 或者用on live绑定: on绑定: 要绑定到...

  • loading data dynamically and as

    .py .html .js 异步加载数据,动态追加元素到页面,动态生成html标签中的内容。好处:It just ...

  • 前端学习笔记--vue 动态生成 v-model

    核心: 创建一个空的数组 v-model绑定 动态生成v-modal 代码: html部分 : js部分: 参考:...

  • 给标签绑定js事件

    给验证码绑定更换验证码的js事件:html: js: 或者: html: js:

  • js事件

    JS事件 事件绑定方式 事件对象 事件传播流 事件代理 一、事件绑定方式 方式一:通过HTML标签行间属性内绑定 ...

  • JS三个事件绑定方法

    1. JS三个事件绑定方法 1.1. 使用html进行事件绑定 1.直接在html标签上写入事件类型和事件处理方法...

  • JS 事件绑定和DOM事件流(冒泡和捕获)

    JS事件绑定 均以点击事件为例: 方法1:把函数绑定在HTML标签上 也叫HTML元素行间事件 方法二:把函数赋值...

网友评论

      本文标题:js绑定事件到动态生成的html

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