Javascript 基于"；的JQuery条件；屏幕宽度“；

我是Javascript/JQuery的新手，我很难弄清楚如何做到这一点。我想把它添加到我正在课堂上工作的一个响应性网站上

我有一个汉堡包菜单，可以隐藏/显示我的菜单，效果很好。问题是我只希望Javascript在414px或更小的屏幕宽度上运行。我的菜单将被隐藏，直到我点击汉堡

对于415px及以上的屏幕，我不希望它隐藏我的菜单，或显示汉堡和“X”。如果需要，我可以通过媒体查询很容易地隐藏“X”和汉堡，但我仍然需要显示我的菜单

我试图添加一个事件加载器，但肯定是做错了什么，因为一切都打开了（X、hamburger和menu），单击什么也没做。请帮我想一想怎么做。我在这方面是超级绿色的，所以任何指针都将非常感激。提前谢谢

    // Hamburger menu
    $(document).ready(function () {

        $(".cross").hide();
        $(".menu").hide();
        $(".hamburger").click(function () {
            $(".menu").slideToggle("slow", function () {
                $(".hamburger").hide();
                $(".cross").show();
            });
        });

        $(".cross").click(function () {
            $(".menu").slideToggle("slow", function () {
                $(".cross").hide();
                $(".hamburger").show();
            });
        });
      });

---

您可以使用Jquerywidth（）获取当前页面宽度，并将其用作条件

$(document).ready(function() {
   WindowWidth = $(window).width();
   if (WindowWidth < 415){
      do logic...
   }
   else {
      do other logic...
   }
}

$（文档）.ready（函数（）{
WindowWidth=$（window.width（）；
如果（窗宽<415）{
做逻辑。。。
}
否则{
做其他逻辑。。。
}
}

但请记住，人们通常会调整屏幕大小，因此您也需要处理这个问题

$(window).resize(function () {
   WindowWidth = $(window).width();
   if (WindowWidth < 415){
      do logic...
   }
   else {
      do other logic...
   }
}

$（窗口）。调整大小（函数（）{
WindowWidth=$（window.width（）；
如果（窗宽<415）{
做逻辑。。。
}
否则{
做其他逻辑。。。
}
}

基于@m4dm0nk3y

我通常提取函数中的公共代码，并在

ready

上调用它，然后在

resize

上调用它

函数alignStuff（）{
WindowWidth=$（window.width（）；
如果（窗宽<415）{
console.log（'small'）；
}否则{
console.log（'large'）；
}
}
$（文档）.ready（函数（）{
对齐对象（）；
})
$（窗口）。调整大小（函数（）{
对齐对象（）；
})

---

我认为你误解了JavaScript是什么。你想禁用它，为什么？如果你能提供附带的HTML标记（最好是在一个显示当前实现中出错的代码片段中），我们将更容易帮助调试你的脚本。@GiovaniVercauteren，我认为Mtullis的意思不是“禁用”浏览器中的JS，只是有条件地运行脚本。window.innerWidth提供以像素为单位的宽度。