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

Jquery load content into ajax container and alert when is fully complete

本文关键字：完成时 加载 ajax Jquery      更新时间：2023-09-26

嗨，我对此有问题。我正在将一个新页面加载到我的 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();
     });
 },

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

是的，您可以使用几乎相同的$.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);
});
相关文章：