zoukankan      html  css  js  c++  java
  • jquery:为动态加载的元素添加点击事件

    jquery:为动态加载的元素添加点击事件

    最近在做项目的时候遇到了这样一个问题,给用ajax动态加载出来的内容添加点击事件,但是怎么都触发不了,经过查询试验总结出正确的写法

    在jquery1.7之前的版本中用的是live()方法,但是live()方法在1.7中已经不建议使用,1.9中删除了这个方法

    live()方法适用于匹配选择器的当前及未来的元素(例如有脚本创建的新元素)

    重点是自jquery1.7版本起,on()方法是bind()、live()、delegate()方法的新的替代品

    on()方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)

     $("#mainbody").on("click",".link",function(){
      });

    on前面的这个#mainbody一定要是html中存在的,静态的,否则点击事件触发不了

    ".link"是动态加载出来的内容,它的class=".link"

    on方法在什么条件下都是成立的

    用jquery:为动态加载的元素添加点击事件其实也可以用

    $(".link").click(function(){
    });

    只不过是有限制的,这个点击事件要和动态加载的内容在同一作用域中才行

  • 相关阅读:
    留言板
    文件操作1
    JQUERY与JS的区别
    PHP 练习租房
    PHP 投票练习
    PHP,单项查询及多项查询
    PHP 增删改查 import!!
    PHP 数据访问
    PHP 对象及其三大特性
    正则表达式和数组
  • 原文地址:https://www.cnblogs.com/lst619247/p/8574080.html
Copyright © 2011-2022 走看看