jQuery切換導航語法錯誤？

Question

我想在移動視圖視口中使導航切換< 768px 如果單擊切換按鈕，請切換導航欄。 看來我有一些我無法弄清楚的語法錯誤。

當視口爲< 768時，有沒有一種方法可以在不刷新頁面的情況下觸發該功能？

$(function() { 
     if (Modernizr.mq('(max-width: 768px)')) { 
      $('.toggle').click(function(e) { 
       $("nav ul").slideToggle("fast"); 
      } 
     } 
    }); 

非常感謝，

Answer 1

你忘了關閉click功能。

$(function() { 
    if (Modernizr.mq('(max-width: 768px)')) { 
    $('.toggle').click(function(e) { 
     $("nav ul").slideToggle("fast"); 
    }); 
    } 
}); 

Answer 2

$(function() { 

     $('.toggle').click(function(e) { 
      if($(window).width() < 768){ 
      $(".nav ul").slideToggle("fast"); 
     } 
     }); 
     }); 

使用此代碼。您的if語句在頁面加載時正在運行。所以如果頁面加載的寬度超過768，你的事件不會註冊。