当由ajax加载页面时，引导反馈微调器

Question

当我以前使用JQuery mobile时，我加载了一个页面，屏幕会变暗，并且会有一个ajax spinner表示正在发生的事情。

我如何在Bootsrap中复制它，因为我的一些页面需要一秒钟或2秒才能加载，而＃34;只是坐在那里＆＃34;方法对我不起作用？

是否像挂钩$ routeChangeStart和$ routeChangeSuccess一样容易？这会在Ajax加载后持续发生火灾吗？

有没有人有一个简单的例子？

Answer 1

执行此操作的一种简单方法是使用jQuery .load函数：

$(window).load(function() {
    $("#loading").hide();
});

页面完全加载时会发送load事件。

或者，您可以使用ajaxComplete函数：

$(document).ajaxComplete(function(event, request) {
    $("#loading").hide();
});

每当Ajax请求完成时，jQuery就会触发ajaxComplete事件。已经使用.ajaxComplete()方法注册的任何和所有处理程序都会在此时执行。