页面加载时忙碌指示

Question

我希望在页面加载html时显示忙碌指示符。

我尝试放置jquery对话框，但由于页面正在加载，因此无法正常工作。

我正在使用jquery，bootstrap和html5。

Answer 1

你可以尝试这样的事情：

在您的网页上显示loading-gif：

<div class="loading">
    <img src="path/to/loading.gif" />
</div>

然后在页面完全加载时隐藏它：

$(document).ready(function(){
    $('.loading').hide();
});

或在完成某些ajax调用时隐藏它：

$(document).ajaxComplete(function() {
     $('.loading').hide();
});