Takkun Takkun - 2 years ago 205
Javascript Question

How to change cursor to wait when using jQuery .load()

While waiting for a response from a .load(), is there any way to change the cursor to the busy/wait cursor?

Answer Source


Updated to work with jQuery 1.8 +

$(document).ajaxStart(function() {
    $(document.body).css({'cursor' : 'wait'});
}).ajaxStop(function() {
    $(document.body).css({'cursor' : 'default'});

Cursor changes on any ajax start and end. That includes .load().

Try out the different cursor styles here:


Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download