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

Question

仅当我在数据库上保存了许多项目时"cursor", "wait"才会显示"cursor", "wait" ，但是，如果我仅添加一个数据，则不会显示"cursor", "wait"到"cursor", "default"更改"cursor", "default"不会显示太快了。 这就是我设置光标图像的方式：有什么我可以编写的代码，因此即使GUI用户只保存了一项，光标的更改也将由GUI用户看到（保存速度太快）。

 $(".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"); 
        });

     });