我正在尝试设计一个具有响应式设计的网站(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();
});
}
});
即使调整了窗口大小,如何使导航正确显示?
这是行不通的,因为您仅在页面加载时检查显示,并且仅在可见时绑定单击处理程序。
然后,当您调整大小并通过媒体查询使它可见时,clcik处理程序将不会绑定到它。我看不到有任何需要,if(display)
因为用户无论如何都无法隐藏它,因此无法单击它
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句