Javascript chrome和safari中的bf缓存

我的移动站点上的后退/前进按钮有问题。首先我要提到的是，如果pageload需要超过半秒的时间，我想用该代码显示加载页面gif：

$(document).on('pageinit',function(e,data){


   setTimeout(function() {
      if (!$('#loading_image').hasClass('schnell')) {
      $('#loading_image').addClass('loading_image');
      $(window).load(function(){
        $('#loading_image').fadeOut(1500);
      });
  }
 }, 500);

});

$(window).load(function(){
   $('#loading_image').addClass('schnell');
});

当用户通过后退按钮进入页面并使用safari或google chrome时（在桌面计算机上的firefox中，它可以工作）：页面加载gif不会停止。 为了解决这个问题，我使用了以下代码：

$(document).on('pageinit', '[data-url="/anfahrt/"]', function (e) {
  $(window).on("pageshow", function(event) {
    if (event.originalEvent.persisted) {
    alert("From bf cache.");
    location.reload();
  }
 });
});

在我的iphone上，警报显示为“从待机状态醒来”。有人知道如何解决这个问题吗？谢谢

注：目前我使用以下代码，这样用户就不会一直看到加载的图像，而是在iframe页面上至少5秒钟后隐藏起来：

 $(document).on('pageinit', '[data-url="/anfahrt/"]', function (e) {

    setTimeout(function() {
     $('#loading_image').fadeOut(1500);
    }, 5000);


 });

---

在页面上，一切正常，因此我认为这与iframe有关…

在哪里触发事件？代码不完整。给我们举个例子！我不知道你丢失了哪个代码。我认为只有CSS缺失；在我看来什么不重要。如果你想看，我当然可以给你看。你错过了什么代码？你可以看到现场直播。