jQuery切换导航语法错误?

时间:2016-07-07 17:12:56

标签: jquery css responsive-design

我想在移动视图中使用导航切换视口< 768px 如果单击切换按钮,则切换导航ul。 看来我有很多语法错误,我无法弄清楚。

是否有一种方法可以在视口为< 768?

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

非常感谢,

2 个答案:

答案 0 :(得分:0)

您忘了关闭click功能。

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

答案 1 :(得分:0)

2016-07-05 19:09:35.0000000

使用此代码。页面加载时,if语句正在运行。因此,如果页面加载的宽度超过768,则您的事件不会注册。