Jquery动态生成的标签添加绑定事件

为动态生成的标签添加绑定事件 , 此处列举以下两种方法

生成动态标签的部分代码:

$("#userBody").append("
    <tr class='active'>
        <td>
            <a href='javascript:void(0);' 
             getId='"+this.id+"'
             id='changeLock'
             style='text-decoration: none;'>
             "+this.lockStatusStr+"
            </a>
        </td>

目的 : 通过点击该表单元素 , 改变该表单元素的值

方式1: delegate

$("#userBody").delegate("#changeLock","click",function(){
    alert("success");
    })

方式2 : on

$("#userBody").on("click","#changeLock",function(){    
    alert("success");
    })

---

方式二的具体实现 : (function()函数的实现)

$("#userBody").on("click","#changeLock",function(){
    //获得当前标签的getId属性的值
    var id = $(this).attr("getId");

    //调用控制层userChangeLockStatus.do执行状态改变操作
    //根据返回信息执行相应操作:success--刷新该列表
    $.post(
            "settings/qx/user/userChangeLockStatus.do",
            {"id":id},
            function(data){
                if(data=="success"){
                    pageList();
                }
            }
    )


})

欢迎各位大神提供更多方法 ~