所有ajax .load()请求完成后执行函数

Question

我有一个有标签集的页面.每个选项卡都由jQuery .load()函数加载.

我想显示一个加载动画,当所有的ajax请求都完成时,它会消失.但是,document.ready()只给了我有限的成功.

在执行代码隐藏加载动画之前,如何确保完成所有ajax请求？

Answer 1

.ajaxStop(handler)

文档:http: //api.jquery.com/ajaxStop/

Answer 2

$(document).ready(function () {
     $(document).ajaxComplete(function () {
         alert('Completed');
     });
});

Answer 3

ajaxComplete

根据文件:

$('.log').ajaxComplete(function() {
    $(this).text('Triggered ajaxComplete handler.');
});