如何根据窗口宽度触发调整大小功能

Question

在下面的代码中，如果屏幕宽度大于1000px，我会分离导航栏并将其放在其他位置。唯一的事情就是这种行为只有在刷新页面时才会发生。

如何触发调整大小功能，以便在触发或刷新页面时可以分离导航栏？

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代码，你有

db.execSQL("update user SET id = LOWER(id)");