如何根據窗口寬度觸發調整大小功能

在下面的代碼中，如果屏幕寬度大於1000px，我將分離導航欄並將其放在其他位置。唯一的問題是，只有刷新頁面纔會發生這種行爲。如何根據窗口寬度觸發調整大小功能

如何觸發resize函數，以便在觸發或刷新頁面時都可以分離導航欄？

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

來源

2016-11-29 Ragmah

將這個代碼在'調整（）'事件處理程序。另外，如果可能的話，如果您使用響應式CSS而不是JS，則會更好。 –

但是，如果我把所有東西放在一個調整大小的函數中，如果我在手機上打開網站，代碼將不起作用。導致代碼只會在頁面被調整大小時發生。 – Ragmah

你嘗試用CSS媒體查詢.. – Komal

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

來源

2016-11-29 10:48:38

調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(); 
});

來源

2016-11-29 11:00:03

如何根據窗口寬度觸發調整大小功能

回答

相關問題