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

在做后台的时候,左边菜单栏,右边内容区,当点击左边菜单栏按钮,动态加载右边的内容,局部刷新。 但是,发现 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. );
   

发表评论

目前评论:1