Question

"cursor", "wait"仅在我在数据库中保存多个项目时显示，但是，如果我只添加一个数据，则"cursor", "wait"更改为"cursor", "default"不会显示，因为此过程太快。这就是我设置光标图像的方式：是否有任何我可以编码的内容，因此GUI用户可以看到光标的更改，即使他只保存了一个项目（保存过快的csenario）。

 $(".save").click(function() {
        $("body").css("cursor", "wait"); 
      save();
});


function save(){
           ///saving to database and other happens here
           $("body").css("cursor", "default");
           //end of saving process here
}

Answer 1

您只能使用javascript中的ajax方法将项目保存到数据库。所以，

$( document ).ajaxStart(function() {

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

 });

$( document ).ajaxComplete(function() {
       $("body").css("cursor", "default"); 

 });

Answer 2

试试这段代码：

 $(".save").click(function() {
        $( document ).ajaxStart(function() { $("body").css("cursor", "wait"); }).ajaxComplete(function() { 
              $("body").css("cursor", "default"); 
        });

     });

保存较少数据时，鼠标光标的更改过快

2 个答案: