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

avatar 2018年02月18日14:42:04 6 4623 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. );



历史上的今天
February
18日
  • 微信
  • 交流学习，资料分享
  • weinxin
  • 个人淘宝
  • 店铺名：言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

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

  

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