0

jQuery を使用して、小さいサイズのブラウザー (つまり、モバイル デバイス) をターゲットにしようとしています。現在、私は次のコードでこれを行います：

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

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

...そして後で、isMobile()関数をサイズ変更イベントにもバインドします...

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

});

Android デバイスでテストしていますが、ページの読み込み時に関数が起動しないようです。ただし、画面を横から縦に回転すると起動します。デスクトップのクロムでも完璧に動作します。

if ステートメントで別の基準を使用する必要がありますか、それとも単に間違った場所にある可能性がありますか? 私は何を間違っていますか？

4

1 に答える 1

1

「ロード」イベントの準備ができていないイベントを使用する必要があります

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

ユーザー エージェントを使用してデバイスを検出します。

//ユーザーが次のモバイル ブラウザーのいずれかを使用している場合は true を返します var ismobile=navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i)。

于 2013-06-17T15:36:16.740 に答える