如果使用 Ajax 在 div 中调用，jQuery 滑块不会显示(创建 xmlhttprequest、onreadystatechange 等)。

Question

我正在用Ajax和JSP做一个大学项目，我正在使用互联网上的一些jQuery片段（galleria、下拉菜单等），我对JavaScript很有信心，但我对jQuery的了解非常有限。

在我的索引页面中，我使用Ajax方法（不是jQueryAjax，而是使用onreadystatechange（）和responsetext的完整JavaScript）将主要内容调用到div中。在这个内容中，我还有一个jQuery图像滑块和jQuery菜单。这些在Ajax回调后不起作用。我读到过这个问题，我需要在回调后重新绑定事件，但我不知道如何绑定。

Answer 1

回调后重新绑定事件

$.ajax({
  type: 'POST', //default here is 'GET'
  url: '/path/to/my/file.jsp
  data: myDataVariable // Alternatively you can use data: { $("jQuerySelector").val)(); }
  success: function(data){
    if(data){
      $("body").on("bind", "elementIDorClass", function(){
        //these functions are bound on callback. do stuff   
      });
      $("someElement").html(data); //place all data returned inside of a containaer named 'someElement'
    }
  } 
});

很直接。如果ajax请求成功，我们将返回封装在JSON对象中的数据。我们进行测试以确保收到的数据不为空，然后将函数绑定到元素"elementIDorClass"。然后，我们将数据加载到"someElement"中。