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

标签：

//错误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