Ajax调用等待加载

Question

我似乎无法弄清楚这一点。我与Jquery进行了一次Ajax调用，当服务器响应完成时，重新加载了一个像$('#test').load(document.URL + ' #test');这样的元素。

元素样式的显示属性设置为none。响应完成后，我想刷新元素，完成后再显示该元素。

当我尝试这个时

.done(function() {
  $('#test').load(document.URL +  ' #test');
  $('#test').show();
});

该元素将显示但未完成刷新，因此它会在一秒钟后隐藏。

我也试着把它放在一个变量中并在变量上调用ready函数，如下所示：

.done(function() {
  var ready = $('#test').load(document.URL +  ' #test');
  $(ready).ready(function() {
    $('#test').show();
  });
});

也行不通。

如何让show（）等到上一行代码准备就绪？

日Thnx！

Answer 1

您可以使用jQuery .load的回调，如下所示：

....
     $('#test').load(document.URL +  ' #test', function(){
            //PAGE LOADED
             $('#test').show();
     });

....