ウィンドウの幅に応じてサイズ変更機能をトリガーする方法

Question

次のコードでは、画面の幅が1000pxより大きい場合、ナビゲーションバーを切り離して別の場所に配置します。唯一のことは、このような動作は、ページを更新する場合にのみ発生することです。

ページをトリガーまたは更新するときにNavbarを取り外すことができるように、どのようにサイズ変更機能を起動できますか？

var maximum = 1000; 
var element = $('nav#site-navigation').detach();  
if($(window).width() <= maximum) { 
    element; 
    $('header').after(element); 
} 

Answer 1

function placeHeader(){ 
    var maximum = 1000; 
    if($(window).width() <= maximum) { 

     var element = $('nav#site-navigation').detach(); 
     $('header').after(element); 
    } 
} 
$(window).load(function(){ 
    placeHeader(); 
}); 
$(window).resize(function(){ 
    placeHeader(); 
}); 

Answer 2

再調整はMateusz Kudejコード、そこには

function placeHeader(){ 
    var maximum = 1000; 
    if($(window).width() <= maximum) { 
     var element = $('nav#site-navigation').detach(); 
     $('header').after(element); 
    } 
    if($(window).width() > maximum) { 
     var element = $('nav#site-navigation').detach(); 
     $('div.site-branding').after(element); 
    } 
} 
$(window).load(function(){ 
    placeHeader(); 
}); 
$(window).resize(function(){ 
    placeHeader(); 
});