显示加载GIF BeforeUnload Of Page

我正在开发一个适用于计算机以及Ipad,Iphone,平板电脑和Android手机的应用程序。 当用户从一个页面移动到另一个页面时,我有一个显示加载… gif的要求,因为这将为用户提供页面加载/卸载正在进行的信息。

所以我尝试下面提到的代码///下面代码显示GIF而DOM没有准备好。

$(document).ready(function(){ $("#loading").hide();}); 

//在用户点击某个按钮进行某些服务器交互时显示GIF的代码下方。

 $(window).bind('beforeunload',function(){ $("#loading").show();}); 

其中#loading是包含我的GIF代码的div的id。 现在这在PC浏览器上有很大的作用,但不适用于Ipad,Iphone和Android手机。 我无法弄清楚原因。

 
Loading...

这个div用于加载GIF。

尝试卸载

 $(window).unload(function() { $('body').html(''); });