我有一个滑动/切换导航的jQuery代码。之后,我使用window.resize重置HTML中的style-attribute,以便在调整浏览器窗口大小时显示导航。代码就在这里:
$(window).resize(function(){
$("nav").removeAttr('style');
$(".level_2").removeAttr('style');
$(".menu-expander").removeClass('close');
});
现在我遇到了问题,当我在智能手机上向下滚动或从纵向视图更改为横向时,导航显示为关闭,例如当我有一个很长的导航。
是否有可能检查,如果刚刚更改了视图或在页面上滚动,那么window.resize可能会在调整浏览器窗口大小时出现?
PS:以下是Codepen上的代码:http://codepen.io/Sukrams/pen/NxQoYr
答案 0 :(得分:0)
我找到了一个解决方案:我为宽度设置了一个变量并将其放入if:
$(window).resize(function(){
var width = $(window).width();
if(width > 700) {
$("nav").removeAttr('style');
$(".level_2").removeAttr('style');
$(".menu-expander").removeClass('close');
}
});