更改光标并防止单击AJAX请求

Posted 2021-02-25

I found this really useful when using AJAX that will change database. Preventing the user to re-do the action is not the best way but it still is a little unobtrusive to the user as it lets him navigate the page and know what is going on.

$('html').ajaxStart(function(){
  $(this).addClass('wait').bind('click',function(){
    return false;
  });
}).ajaxStop(function(){
  $(this).removeClass('wait').unbind('click');
});
 
//On the CSS
html.wait, html.wait * {cursor:wait;}