首页 > 文章 > web前端 > jquery中live方法换on方法出现问题的解决办法详解

jquery中live方法换on方法出现问题的解决办法详解

黄舟原创: 2017-06-26 09:35:211368浏览

我未来追加的元素是 ajax拼接的
我的on是这样写的

$("td").on("click","a",function(){
alert("Aha!");
});

这是页面的标签

<td><a class="topic_a" href="#creat"  name=&#39;${data.context }&#39;>选择</a></td>

ajax拼接标签和上面标签一模一样的。

但我拼接的标签点击没有效果。
为什么啊？

请确保你用on绑定的时候 td 已经存在与dom中了..
还有..为什么live 可以因为live 是绑定在docuement上的..任何时候 document都是存在的..
你用的on 你的事件是绑定在td上的..如果当td不存在的时候肯定就绑定不上了

请多了解事件代理机制.

用delegate来替换吧

未来追加的元素中包括 b6c5a531a458a2e790c1fd6421739d1c 么？
包括 b6c5a531a458a2e790c1fd6421739d1c 的话就不能在 $("td")上绑定事件代理。
应该在更上层的元素上绑定事件代理
比如f5d188ed2c074f8b944552db028f98a1或者f5d188ed2c074f8b944552db028f98a1的父元素
实在不行在body或者document上绑定也可以
如

$("body").on("click","a",function(){
alert("Aha!");
});

用on bind 这种。
先拼接，然后添加到页面上，接下里在绑定事件。
js里面，一样是逐行读取的。

绑定事件写在前面，之后来添加的td，当然就不会有这个事件。
同时确保，td已经写入到页面当中。

live方法是旧版本的jquery才有，on方法只能使用在页面上已有的标签；
想获取未来元素，只能用delegate方法了，具体写法如下：

//div是页面已经有的元素，button是js生成的未来元素！
$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

 $(document).on(&#39;click&#39;, &#39;td a&#39;, function() {
    alert("Aha!");
  });

 $("body").delegate("td","click",function(){
    alert("ok!");
  });

你这样写吧

$("body").on("click","td a.topic_a",function(){
alert("Aha!");
});

$("body").on("click","a",function(){
alert("Aha!");
});

以上是 jquery中live方法换on方法出现问题的解决办法详解的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：jQuery1.9以上版本中删除了live以后的替代方法具体介绍下一篇：jQuery：die()的使用详解

查看更多