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，你的事件不会注册。