我正在尝试根据窗口大小触发向上/向下滑动,但是即使条件为假(窗口> 800),它还是会这样做。这是我的代码:
$(document).ready(function(){
if ($(window).width() <= 800) {
$('nav ul').hide();
$("#navBarMobile").click(function() {
$("nav ul").slideToggle( "slow" );
});
}
else {
$('nav ul').show();
}
})
窗口宽度的值是相对于它所放置的容器innerWidth的。如果您尝试获取浏览器的宽度并在检测到数量之后进行调整,这将是一种可行的方法:
if (window.outerWidth <= 800) {
在提供的小提琴中,有一个注释掉的部分。取消注释此部分时,这还将有助于检测何时发生调整大小,这将使元素也可以更动态地起作用。
小提琴: http ://jsfiddle.net/xLUQg/
更新:无注释的小提琴:http : //jsfiddle.net/t57Qk/
我希望这有帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句