为什么 jQuery slideToggle 函数在调整窗口大小时停止工作？答案

【问题标题】：Why does jQuery slideToggle function stops working when window is resized?为什么 jQuery slideToggle 函数在调整窗口大小时停止工作？
【发布时间】：2013-11-02 15:39:18
【问题描述】：

我正在尝试使用响应式设计 (http://eastwightendeavour.org.uk/beta) 设计一个网站，并使用 jQuery 在单击 #nav-btn 时使 nav 滑入。当文档以桌面、平板电脑或移动模式加载时，这可以正常工作，但在调整窗口大小时则不行。

这是我的 jQuery 代码：

$(document).ready(function(){
  if ($("#nav-btn").css("display") == "block" ){
   $("#nav-btn").click(function(){
    $("nav").stop().slideToggle();
   });
  }
});

即使调整了窗口大小，我如何才能使我的导航正确显示？

【问题讨论】：

标签： jquery navigation responsive-design

【解决方案1】：

它不起作用，因为您仅在页面加载时检查显示并仅在可见时绑定单击处理程序。

然后，当您调整大小并且媒体查询使其可见时，clcik 处理程序不会绑定到它。我认为不需要if(display)，因为当它被隐藏时用户无法点击它；无论如何都隐藏了

【讨论】：