2016-07-26 13 views
0

私はコーディングにうまくいかない。これが可能かどうか尋ねたいだけですか?ブラウザウィンドウの幅に応じて、コードを実行することが可能であろうメディアクエリーに応じてjqueryコードを実行

[Example fiddle](https://jsfiddle.net/Ldn7qkqv/) 

:私はここで、スタック内のスレッドの一つで、ここでのコードを発見しましたか?

1280ピクセル幅で、例えば同様に、上記のコードは、高さをスクロールの異なる値に

を実行するには、次に981個のピクセル幅に、上記のコードは、再び別の異なるスクロール高さの値を使用して実行されます。

私はプラグイン(enquire.js)を使ってみましたが、動作させるように見えませんでしたか?任意のヒントやいくつかのガイドをいただければ幸いです。

ありがとうございます。

+0

その後、より良いアプローチウィンドウの幅にシフトするたびにウィンドウをリフレッシュする必要がありますlightweight [enquire.js plugin](http://wicky.nillia.ms/enquire.js/)を使用することです。ウィンドウの幅とは異なり、inquireは実際のCSSメディアクエリに対応する値を使用します。たとえば、ブラウザはウィンドウの幅(jQuery)に対してCSSのメディア要件とは異なるサイズを返すことがあります。 Enquire.jsはその問題を修正します。 –

答えて

0
var width=$(window).width(); 

あなたは幅を確認し、幅に応じて実行したいCSSやコードを適用するためにこれを使用することができますが、それはあなたが窓が

if(width<750){ 
......... 
}else{ 
......... 
} 
+1

はいシンプルだが効果的。私が探していたガイド。おかげでアミット。 – popoydotcom

関連する問題