当保存较少的数据时，鼠标光标的变化太快

Question

"cursor", "wait"仅显示当我在数据库中保存许多项时，然而，如果我只添加一个数据，"cursor", "wait"到"cursor", "default"的变化不会显示，因为这个过程太快了。这就是我如何设置我的光标图像:有什么我可以编码，所以光标的变化将被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"); 
        });
     });