Question

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

这是我的jQuery代码：

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

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

Answer 1

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

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

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

1 个答案: