Jquery将内容加载到ajax容器中并在完全完成时发出警报

Question

您好，我对此有疑问。我正在将一个新页面加载到我的 DOM 中的容器中，并且在加载图像或视频等元素之前显示警报。

height : function (){ 
    var newHeight = $('#primary').height();   
    var el = $('.show-container');
    el.css({'height': newHeight + 'px'});    
},

loading : function(page){           
    var self= this;
    $.ajaxSetup({cache:false}); 
    $('#ajax-inserted1').load(page, function(){   
         $('#remove').removeClass('to-screen').addClass('to-left');
         $(this).removeClass('to-right, to-left');
         $(this).addClass('to-screen');

         self.height();
     });
 },

是否可以等到所有内容都加载完毕？

Answer 1

是的，您可以使用$.get(url, data, success)，这几乎相同，只是它是一种方法而不是全局函数，并且它具有隐式回调函数。

然后将 ASYNC 属性设置为 false。

不建议这样做，因为 AJAX 是为异步调用创建的。但这是一种方法。

最好使用 .load() 的第三个参数中的complete 回调在 AJAX 调用之后执行任何操作。

.load( url [, data ] [, complete ] )

前

$('#ajax-container').load(page, function(){   
    var height = $(this).height();
    alert(height);
});