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

Question

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

Answer 1

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

记得以后再归还:

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

Answer 2

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

Answer 3

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

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

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

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

Answer 4

1. 最初将加载图像设置为不可见.
2. 开始加载时将样式更改为可见.
3. 使用load()的回调参数加载完成后,将样式更改为不可见.

例:

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