jQuery page loading spinner full screen

问题

I am using a code like this:

  $('body').addClass('ui-loading');
  $.mobile.loadingMessage = "Loading";
  $.mobile.showPageLoadingMsg();

for showing the jQuery page loading spinner, and it works, the spinner is shown somewhere in the middle of the screen. My problem is that while this is shown the controls which are not covered by it are enabled and can be used. I'm using this on multiple pages so I don't want to disable and after re-enable one by one each control from every page, so for me it would be very useful to have the loading spinner control to stretch over the entire page.

Any idea how this can be made? Thanks, Alex

来源：https://stackoverflow.com/questions/9259205/jquery-page-loading-spinner-full-screen