jquery - ユーザーの画面解像度が X よりも高い場合にのみ、JQ コードを実行するにはどうすればよいですか?

Question

ユーザーの画面解像度が X よりも高い/低い場合にのみ、JQ コードを実行するにはどうすればよいですか?

score 3 · Accepted Answer

3

純粋なJSでそれを行うことができます：

if(screen.width>=1024)
{
   myFunction();
}

于 2012-08-29T14:16:03.583 に答える

score 2 · Accepted Answer

誰もがウィンドウを最大化するわけではないため（全画面表示はもちろん）、画面解像度を使用しないことをお勧めします。ウィンドウの幅/高さを確認し、それに応じて何でもします:

var winW = $(window).width(),
    winH = $(window).height();

if ( winW > X && winH > Y) { 
    waWaWeeWah(); // do stuff
}

score 1 · Accepted Answer

ウィンドウイベントリスナーを使用します。例:

$(window).resize(function() {
    if( $(window).width() < yourThreshold ){

        // do your business

    }
});

score 0 · Accepted Answer

私がフィードバックを得ようとしていたこの提案についてはどうですか、それはjsをメディアクエリに結び付けます: https://stackoverflow.com/questions/12203220/suggestion-for-responsive-design-jquery-and-mobile-sites

4 に答える 4