.width（）と.resize（）を1つの関数に結合する

Question

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

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() 

Answer 1

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

$(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