2017-05-01 1 views
-1

このJSコードはどのように組み合わせることができますか?重複したコードがあり、window.width()とresize関数をどのように組み合わせるか分かりません。この関数は、1100px未満で実行し、1100px未満ではサイズ変更する必要があります。.width()と.resize()を1つの関数に結合する

if($(window).width() <= 1100){ 

// do something if window is less than 1100px 

$(window).resize(function() { 

// I have the same code here now a above! How can I combine it? 

}); 

} // end window.width() 
+0

はあなたには、いくつかのコードがすぐに実行したいがあることを言っている場合は、ウィンドウすでに1100pxよりも小さいともしたいと思いますユーザーがこのようなサイズにウィンドウのサイズを変更した場合はそれを実行しますか?その場合は、関数を作成してください。 –

+0

確かに、@MikeCの解決策があります。 – Bob

答えて

3

あなたのロジックを反転してください:

$(window).on("load resize", function() { 

    if($(this).width() <= 1100){ 
    // do something 
    } 

}); 

加えて、あなたは、上記のように、両方のload resizeイベントを追加することができます。

あなたはDOMにもそれをトリガーにしたい場合は準備ができてより:

function myResizeFunction() { 

    if($(window).width() <= 1100){ 
    // do something 
    } 

} 


$(myResizeFunction); // Do on DOM ready 
$(window).on("load resize", myResizeFunction); // And also on load and resize 
+0

このソリューションは機能します。私を助けてくれてありがとう。私はJSが今より良く理解しています! – Bob

+0

@Bob Thx!私はこれが助けてうれしいです! JSとハッピーコーディングを続ける –

関連する問題