為什么jQuery調整大小不起作用？

Question

我正在制作一個響應式菜單。 我將代碼更改為一個名為file的函數來更改菜單。 當調整文檔或窗口的大小時，jQuery再次調用函數文件以更改菜單。 但這不起作用。 當我加載頁面時，它可以工作，但在調整大小時卻不能。

jQuery：

var width = $(window).width();

file();
function file(){
  if(width <= 400){
      $('.link').remove();
      $('head').append('<link class="link" rel="stylesheet" href="nav2.css">');
  }else if(width >400){
      $('.link').remove();
      $('head').append('<link class="link" rel="stylesheet" href="nav.css">');

  }else{
      alert('error');
  }
}
$(window).resize(function(){
  file();
});

$(document).resize(function(){
  file();
});

有人可以幫我解決這個問題嗎

Answer 1

width變量一旦設置就不會更改。 您應該將其移入函數聲明中。

function file(){
  var width = $(window).width();
  if(width <= 400){
    $('.link').remove();
    $('head').append('<link class="link" rel="stylesheet" href="nav2.css">');
  }else if(width >400){
    $('.link').remove();
    $('head').append('<link class="link" rel="stylesheet" href="nav.css">');
 }else{
  alert('error');
 }
}