jquery - 检查窗口宽度以针对较小的浏览器在页面加载时不起作用

Question

我正在尝试使用 jQuery 来定位较小的浏览器尺寸（即移动设备）。目前我使用以下代码执行此操作：

jQuery(document).ready(function ($){

    function isMobile(){
        if ( $(window).width() <= 600 ) {
            // Do mobile-targeted stuff
        };
    };
    isMobile();

...稍后我还将该isMobile()函数绑定到重新调整大小的事件...

    $(window).resize(function(){
        isMobile();
    });

});

我正在我的 Android 设备上进行测试，但该功能似乎没有在页面加载时触发。但是，当将屏幕从横向旋转为纵向时，它确实会触发。它也可以在我桌面上的 chrome 中完美运行。

我应该在 if 语句中使用不同的标准，还是只是在错误的地方？我究竟做错了什么？

Answer 1

您必须使用“加载”事件未准备好事件

window.onload = function() {
  doSomethingElse();
};

使用用户代理检测您的设备。

//如果用户正在使用以下移动浏览器之一，则返回 true var ismobile=navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i)。