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

Question

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

这是我的 jQuery 代码：

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

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

Answer 1

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

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