首页 > Web开发 > 详细

JQuery不能触发动态生成的html的click事件

时间:2015-04-17 15:14:08      阅读:319      评论:0      收藏:0      [点我收藏+]
//错误code
$( function() {         $(".addBtn").click( function() {         addNode($(this));     }).end(); })
//动态生成html function addNode(cur) {     if(cur.parent().has("ul").size() != 0) {         cur.parent().children("ul:first").append("<li>okok<a href=‘javascript:void(0);‘ class=‘addBtn‘>[Add]</a></li>")     } else {         cur.parent().append("<ul><li>new menu<a href=‘javascript:void(0);‘ class=‘addBtn‘>[Add]</a></li></ul>");     } |
//解决方案:
//用到live函数委派事件,用于动态生成的HTML
//动态生成的html代码不能被有效的识别

$(".addBtn").live(‘click‘, function() {
    addNode($(this));
});

JQuery不能触发动态生成的html的click事件

原文:http://www.cnblogs.com/Jowen/p/4434849.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!