在div中加载html时jquery等待光标

我想向用户显示结果正在加载的状态.如何使用$ MyDiv.load("page.php")在div中加载结果时更改光标或gif？

1> Magnar..：

---

$("body").css("cursor", "progress");

记得以后再归还:

$MyDiv.load("page.php", function () {
    // this is the callback function, called after the load is finished.
    $("body").css("cursor", "auto");
}); 

---

嗯...这种方法有一个不好的副作用...设置$('*').css('cursor','auto')擦除你可能在页面上的项目上设置的任何特殊游标.不好!

---

这不适用于我的网站,但$("*").css("光标","进度")

2> 小智..：

---

$("*").css("cursor", "progress") 无论你当前指向的页面在哪里都会有效.这样您就不必移动光标就可以看到它被激活了.

---

哎呀!这种方法是有缺陷的.它将光标分配清除到页面上的所有内容.

3> 小智..：

---

我认为最好是在css文件中设置

body.wait *, body.wait {
cursor:wait !important;
}

并在正文中添加/删除类等待

此方法会覆盖输入,链接等中的所有游标.

4> Craig Stuntz..：

---

最初将加载图像设置为不可见.

开始加载时将样式更改为可见.

使用load()的回调参数加载完成后,将样式更改为不可见.

例:

 $("#loadImage").show();
 $("#MyDiv").load("page.php", {limit: 25}, function(){
   $("#loadImage").hide();
 });

---

要实际创建加载gif,请查看http://www.ajaxload.info/,您可以在其中自定义并保存它.