• Jquery on() 动态绑定事件


    之前就一直受这个问题的困扰,在jQuery1.7版本之后添加了on方法,之前就了解过,其优越性高于live(),bind(),delegate()等方法,在此之前项目中想用这个来测试结果发现,居然动态生成的标签点击了没反应,而live方法却能够支持;

    jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果。

    $("#table").on("click","a",function(){  

      //do something

    })

    如下:当我动态添加一行时,不要考虑再重新在a上去绑定事件

    <table class="table table-bordered mrg_0" id="table">
        <thead>
            <tr>
                <th>编号</th>
                <th>名称</th>
                <th>编辑</th>
            </tr>
        </thead>
        <tbody>
            <tr id="2">
                <td>2</td>
                <td>CBA</td>
                <td><a href="javascript:" class="link btn btn-danger btn-sm" data-oper="del" >删除</a>

            <a href="javascript:void(0)" class="link btn btn-primary btn-sm" data-oper="modify">修改</a>

        </td>
            </tr>
        </tbody>
    </table>

  • 相关阅读:
    数据结构算法
    C++字符串完全指引之二 —— 字符串封装类
    gethostbyname根据主机名获得地址方法
    通过注册表来限定程序的使用时限
    查询图像上的匹配块
    VC++6.0中内存泄漏检测
    qsort 浅析
    shell 中数学计算总结
    最新感悟基础才是王道
    条件表达式中的匹配
  • 原文地址:https://www.cnblogs.com/czhyuwj/p/5052542.html
Copyright © 2020-2023  润新知