首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >onload android方向检测?(提供的代码)

onload android方向检测?(提供的代码)
EN

Stack Overflow用户
提问于 2011-05-18 22:25:38
回答 1查看 1.8K关注 0票数 1

所以我发现了一些关于在安卓设备上检查oreintation的方便代码,这些代码对于加载基于设备旋转的样式表非常有效,但我现在的问题是,如果设备已经是“横向的”(JS中的90 / -90),那么它就会忽略下面代码中的规则,所以我需要下面的代码来在onload上运行,我已经尝试过了,但似乎就是做不对。

帮帮忙好吗?

代码语言:javascript
复制
        //detect orientation change
    var supportsOrientationChange = "onorientationchange" in window,
    orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";
        window.addEventListener(orientationEvent, function() {
            if(window.orientation == 90) {

                $('link[title=android]')[0].disabled=true;
                $("head").append($("<link title='android_90' rel='stylesheet' href='css/android_90.css' type='text/css' />"));
            } else if (window.oreintation == -90) {

                $('link[title=android]')[0].disabled=true;
                $("head").append($("<link title='android_90' rel='stylesheet' href='css/android_90.css' type='text/css' />"));
            } else if (window.oreintation == 0){

                $('link[title=android_90]')[0].disabled=true;
                $("head").append($("<link title='android' rel='stylesheet' href='css/android.css' type='text/css' />"));
            } else if (window.oreintation == 180){

                $('link[title=android_90]')[0].disabled=true;
                $("head").append($("<link title='android' rel='stylesheet' href='css/android.css' type='text/css' />"));
            }
        }, false);

        //check on window.load
        $(document).ready(function () {
          if(window.orientation == 90) {

                $('link[title=android]')[0].disabled=true;
                $("head").append($("<link title='android_90' rel='stylesheet' href='css/android_90.css' type='text/css' />"));
            } else if (window.oreintation == -90) {

                $('link[title=android]')[0].disabled=true;
                $("head").append($("<link title='android_90' rel='stylesheet' href='css/android_90.css' type='text/css' />"));
            } else if (window.oreintation == 0){

                $('link[title=android_90]')[0].disabled=true;
                $("head").append($("<link title='android' rel='stylesheet' href='css/android.css' type='text/css' />"));
            } else if (window.oreintation == 180){

                $('link[title=android_90]')[0].disabled=true;
                $("head").append($("<link title='android' rel='stylesheet' href='css/android.css' type='text/css' />"));
            }
        });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-05-18 22:52:19

好的,

正如我在评论中所说,有一个条件问题:

代码语言:javascript
复制
if(window.orientation == 90)

使用双精度=

不要对自己太苛刻,熟能生巧。

编辑:我不太确定:$('link[title=android]')[0]

将会改用$('link[title=android]').get(0)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6046330

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档