在页面卸载前显示加载的GIF

Question

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

所以我尝试了下面提到的代码///下面的代码，用于在DOM未准备好时显示GIF。

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

//下面的代码，用于在用户单击某些按钮进行某些服务器交互时显示GIF。

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

其中#loading是div的ID，其中包含我的GIF代码。现在，这在PC浏览器上可以很好地工作，但不适用于Ipad，Iphone和android手机。我不知道为什么。

<div id="loading">
  <img id="loading-image" src="/img/loading.gif" alt="Loading..." /></div>

该div用于加载GIF。

Answer 1

尝试 卸载。

$(window).unload(function()
{
    $('body').html('<img src="img/4.gif" alt="" />');
});