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

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



  • 微信
  • 交流学习,服务定制
  • weinxin
  • 个人淘宝
  • 店铺名:言曌博客咨询部

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

发表评论

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

  

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