为什么 jQuery slide切换函数在调整窗口大小时停止工作

Question

我正在尝试设计一个具有响应式设计（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();
   });
  }
});

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

Answer 1

它

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

然后，当您调整大小并使其可见时，clcik 处理程序不会绑定到它。我认为不需要if(display)，因为用户无论如何都无法单击它