将加载动画添加到jquery ajax .load()

前端之家收集整理的这篇文章主要介绍了将加载动画添加到jquery ajax .load()前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前有这个代码,这很简单
$('#window').load('http://mysite.com/mypage.PHP');

但它仅在完全加载后显示内容,并且在此期间#windows元素保持为空.
我想显示加载图像,直到页面加载.我该怎么办?
jquery网站没有解释. (据我所知)

解决方法

先创建一个加载div.
<div id='loadingDiv'>
    Please wait...  <img src='path to your super fancy spinner' />
 </div>

当ajaxCall启动并在ajax调用完成时,隐藏此DIV,并附加代码显示此div.

$('#loadingDiv').hide().ajaxStart( function() {
$(this).show();  // show Loading Div
} ).ajaxStop ( function(){
$(this).hide(); // hide loading div
});

编辑在SO格式化标签中有一些问题.再次添加

原文链接:https://www.f2er.com/jquery/180500.html

猜你在找的jQuery相关文章