Question

我试图根据窗口大小触发向上/向下滑动，但即使条件为假（窗口> 800），它仍会执行此操作。这是我的代码：

$(document).ready(function(){

    if ($(window).width() <= 800) {
        $('nav ul').hide();
        $("#navBarMobile").click(function() {
            $("nav ul").slideToggle( "slow" );
        });
    }
    else {
        $('nav ul').show();
    }
})

Answer 1

窗口宽度的值是相对于它所放置的容器的内部宽度。如果您尝试获取浏览器宽度并在检测到金额后进行调整，这将是一种可行的方法：

if (window.outerWidth <= 800) {

在我提供的小提琴中有一个注释掉的部分。当此部分未被注释时，这也将有助于检测何时发生调整大小，这将允许元素更动态地运行。

小提琴： http://jsfiddle.net/xLUQg/

<强>更新没有评论的小提琴：http://jsfiddle.net/t57Qk/

我希望这会有所帮助。

动作取决于窗口大小jQuery

1 个答案: