时间戳

首页 > 解决方案 > IOS（Iphone）上的onbeforeunload问题

javascript - IOS（Iphone）上的onbeforeunload问题

问题描述

我有一个包含此正文的页面：

<body>
    <div class="loading">
            <div class="loader"></div>
    </div>
    <div class="site-content">
            [... all the content]
    </div>
</body>

我正在使用此代码显示/隐藏微调器

function unLoader(e) {
    $(".site-content").hide();
    $(".loading").show();    
    }

$(window).on('load', function() {
    $(".loading").hide();
    $(".site-content").show();
    window.onbeforeunload = unLoader;
     });

问题是微调器可以在台式机 PC 和 mac 上工作，在 safari、firefox、chrome 等...

但它不适用于我的 Iphone。

另一方面，我在 ajax 中使用微调器进行调用：

var $loading = $('.loading').hide();
$(document)
    .ajaxStart(function () {
        $loading.show();
    })
    .ajaxStop(function () {
        $loading.hide();
    });

但是这次微调器在移动设备（iphone）中工作！

如何使微调器在我的所有页面中都适用于移动设备（使用首先显示的代码）？

我知道问题出在onbeforeunload事件

提前致谢。

EDIT1：回答 josh 的评论，我什至试过这个：

var isOnIOS = navigator.userAgent.match(/iPad/i)|| navigator.userAgent.match(/iPhone/i);
var eventNameHide = isOnIOS ? "pagehide" : "beforeunload";
var eventNameShow = isOnIOS ? "pageshow" : "load";

     $(window).on(eventNameShow, function(){
            $(".loading").hide();
            $(".site-content").show();
            window.addEventListener(eventNameHide, function(e) {
                $(".site-content").hide();
                $(".loading").show();    
            });
        });

标签： javascriptjqueryiosdom

解决方案

在 iOS Safari 上不会发生 beforeunload。没有将动作绑定到的事件。

推荐阅读