AJAX动态创建HTML元素click事件无效
解决办法:将click事件绑定到body元素下面(缺点:body上事件绑定多了,页面受不了)
$(“body”).on(“click”,”Ajax动态创建的元素”,function(){
//do something important,haha
});
示例如下:
$("body").on("click",".freeLook,.subBox span",function(){
$('#layer').removeClass('access-hide');
});
$("body").on("click",".appoint_cancelbtn",function(){
//清空内容
$("#layer dd input[type=text]").val('');
$("#layer dd input[type=radio]").attr("checked",false);
$("#layer dd textarea").val('');
$('#layer').addClass('access-hide');
});
感谢大神:原文
还没有评论,来说两句吧...