AJAX动态创建HTML元素click事件无效

前端之家收集整理的这篇文章主要介绍了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');
});



感谢大神:原文

原文链接:https://www.f2er.com/ajax/161861.html

猜你在找的Ajax相关文章