Question

大家好，我已经找到了一些答案，但似乎无法让他们中的任何一个工作。我有一个典型的响应式导航，它会更改为某个视口宽度以下的菜单图标。我点击下拉菜单中的锚标签关闭菜单，因为他们正在执行滚动功能。但是当超过一定宽度时，这没有用。这是我的代码。我认为这可能是要走的路，但怀疑我的语法不正确

<script> 
    if($(window).width() <= 900){
       $(document).ready(function(){
           $(".trigger , .close").click(function(){
           $(".showing ").slideToggle("slow");
       });
    });
</script>

Answer 1

首先，颠倒width()和ready()行的顺序。然后使用.add()将点击应用于两个按钮（$(".trigger, .close")应该有效，但我认为.add()更清晰）

$(document).ready(function(){
    if($(window).width() <= 900){         
        $(".trigger").add(".close").click(function(){
            $(".showing ").slideToggle("slow");
        });
    }
}

这是一个小提琴：http://jsfiddle.net/jm5okh69/6/

（请注意，$（document）.ready（）不包括在内。

在某个视口宽度下执行jquery

1 个答案: