Question

好吧所以我有一个导航栏，其中包含使用内联块样式显示的链接列表。我使用了媒体查询，这样当我将屏幕调整到较小的尺寸时，如果列表不再适合条形图，它会转换为下拉菜单，其中的按钮有助于打开和关闭下拉菜单的可见性。该按钮使用这个简单的jquery代码：

$(document).ready(function() {
    $("#nav-menu").click(function(){
        $("#nav-links").slideToggle("down");
    });
});

（＃nav-menu是按钮的id，而＃nav-links是列表的id）

我的问题是，当我点击菜单按钮并隐藏下拉菜单时，我立即将浏览器屏幕的大小调整为正常宽度，它会保持隐藏状态。无论是否打开或关闭下拉菜单，当我将其重新调整为正常宽度时，如何强制链接列表保持可见？如果在其他地方有一个论坛并且我没有检查，请原谅我，在我的网站需要完成之前我没有多少时间。

有关可视化示例，请查看impactbnd.com，查看顶部的导航栏，然后调整浏览器大小并查看下拉菜单，以便了解我想要完成的操作。

Answer 1

使用resize（）在超出特定宽度时显示（）下拉菜单。

$( window ).resize(function() {
    if($( window ).width() >= XXX){
        $("#nav-links:hidden").show();
    }
    else{
        $("#nav-links:visible").hide();
    }
});

Jquery，导航栏和toggle（）问题

1 个答案: