我未来追加的元素 是 ajax拼接的
我的on是这样写的
$("td").on("click","a",function(){
alert("Aha!");
});
登录后复制
这是 页面的标签
<td><a class="topic_a" href="#creat" name='${data.context }'>选择</a></td>
登录后复制
ajax拼接标签和上面标签一模一样的 。
但我拼接的标签点击没有效果。
为什么啊?
请确保 你用on绑定的时候 td 已经存在与dom中了..
还有..为什么live 可以 因为live 是绑定在docuement上的..任何时候 document都是存在的..
你用的on 你的事件是绑定在td上的..如果当td不存在的时候 肯定就绑定不上了
请多了解 事件代理机制.
用delegate来替换吧
未来追加的元素中包括
么? 包括 | 的话就不能在 $("td")上绑定事件代理。 应该在更上层的元素上绑定事件代理 比如或者的父元素 实在不行在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('click', 'td a', function() {
alert("Aha!");
}); 登录后复制 $("body").delegate("td","click",function(){
alert("ok!");
}); 登录后复制 请确保 你用on绑定的时候 td 已经存在与dom中了.. 还有..为什么live 可以 因为live 是绑定在docuement上的..任何时候 document都是存在的.. 你用的on 你的事件是绑定在td上的..如果当td不存在的时候 肯定就绑定不上了
请多了解 事件代理机制. 你这样写吧
$("body").on("click","td a.topic_a",function(){
alert("Aha!");
}); 登录后复制 未来追加的元素中包括 么? 包括 | 的话就不能在 $("td")上绑定事件代理。 应该在更上层的元素上绑定事件代理 比如或者的父元素 实在不行在body或者document上绑定也可以 如
$("body").on("click","a",function(){
alert("Aha!");
}); 登录后复制 登录后复制 以上是 jquery中live方法换on方法出现问题的解决办法详解的详细内容。更多信息请关注PHP中文网其他相关文章!
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
-
2023-03-15 16:54:01
-
2023-03-15 12:26:02
-
2023-03-14 18:58:01
-
2023-03-14 11:30:01
-
1970-01-01 08:00:00
-
2023-03-16 15:20:01
-
1970-01-01 08:00:00
-
1970-01-01 08:00:00
-
1970-01-01 08:00:00
-
1970-01-01 08:00:00
| |