ajax局部刷新，js绑定事件无效

avatar 2018年02月18日14:42:04 6 4046 views
博主分享免费Java教学视频，B站账号：Java刘哥
在做后台的时候，左边菜单栏，右边内容区，当点击左边菜单栏按钮，动态加载右边的内容，局部刷新。 但是，发现 ajax 局部刷新的的内容页面里面的按钮点击事件无效。
  1. $("#addUser").click(function() {
  2.     $.ajax({
  3.         url: "/users/add",
  4.         success: function(data){
  5.             $("#userFormContainer").html(data);
  6.         }
  7.     });
  8. });
 

解决办法

绑定事件在文档没有加载完成的时候是无法绑定的，因为不能获取到html 元素 所以需要用   $(document).on(e,selector,function()) 来绑定事件 如上代码替换为下面的即可
  1. $(document).on('click','#addUser',function() {
  2.    $.ajax({
  3.        url: "/users/add",
  4.        success: function(data){
  5.            $("#userFormContainer").html(data);
  6.        }
  7.    });
  8. );
   
历史上的今天
二月
18日
  • 微信
  • 交流学习，有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享，问题解决，技术交流。群号：590480292
  • weinxin
avatar

发表评论

avatar 登录者：匿名
匿名评论，评论回复后会有邮件通知

  

已通过评论：0   待审核评论数：0