Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery apple web app状态栏检测纵向或横向不工作_Jquery_Html_Iphone_Web Applications_Iphone Standalone Web App - Fatal编程技术网

Jquery apple web app状态栏检测纵向或横向不工作

Jquery apple web app状态栏检测纵向或横向不工作,jquery,html,iphone,web-applications,iphone-standalone-web-app,Jquery,Html,Iphone,Web Applications,Iphone Standalone Web App,我正在使用此条件检测ios设备的纵向或横向。但它不起作用。有什么问题吗 if (navigator.standalone) { var windowHeight = $(window).height(); var windowWidth = $(window).width(); if(windowWidth>windowHeight) { $('body').css('border','0'); }else{

我正在使用此条件检测ios设备的纵向或横向。但它不起作用。有什么问题吗

if (navigator.standalone) {
    var windowHeight = $(window).height();
    var windowWidth = $(window).width();

        if(windowWidth>windowHeight) {
            $('body').css('border','0');
        }else{
            $('body').css('border-top','20px solid #c23c2f');
        }
}

(windowWidth>windowHeight)似乎不起作用,因为它只在第一次加载页面时起作用,如果用户使用横向作为默认值,那么当倾斜到纵向时,则不满足条件。

何时执行此代码

您应该侦听
orientationchange
事件,然后执行代码

参考:

引用添加事件侦听器,如下所示:

<body onorientationchange="updateOrientation();">


但是你也可以用jquery来添加它,你可以用
窗口来确定屏幕的方向。如果你不想计算方向,或者它不可靠

,当你在iPhone上以web app的形式安装网站时,就会执行此操作。“添加到主屏幕”