怎么给动态生成的元素添加点击事件

要看看你是怎么“动态添加”元素的。

如果你的元素是用click事件append进来的

那你的功能函数必须放在这个click事件里面。

比如：

$(".clickMeToAppendElement").click(function() {

$(".toBeAppend").append("<li><span><i class=\"icon J_classtree\">这是元素内容</i>")

$(".J_classtree").on("click",function(){

alert("终于进来了")

})

)

如果你把函数放在click事件外面，

最初加载页面的时候，$(".J_classtree")就找不到.J_classtree这个类，那段功能函数就添加不了了。

1、动态创建元素时，将事件触发方式加入到元素创建中

例如：

document.getElementById('id').innerHTML='<input type="button" onclick="btnClick()" value="aaa"/>'

function btnClick(){

    alert('事件触发')

}

2、动态创建元素完成后，重新获取该元素绑定事件

例如：

document.getElementById('id').innerHTML='<input type="button" id="btn" />'

document.getElementById('btn').onclick=function(){

    alert('事件触发')

}

---