更改Windows上的CSS显示调整大小并切换

Question

当我使用切换功能并且我调整窗口大小时，导航仍然不显示任何内容，并且此调整大小功能不起作用。有什么建议吗？

$(document).ready(function(){ $("#menu").click(function() { $( ".nav" ).fadeToggle("slow", "linear");});

$(window).resize(function() { if ($(window).width() < 768) { $('.nav').css("display", "none");} else {$('.nav').css("display", "inline-block");}});});

当菜单区域没有点击时，我也希望导航栏消失。它只在我点击svg图标时消失。我试过这段代码，但它没有用。

$(document).click(function(event) {if(!$(event.target).is('#menu')) {$(".nav").hide();}});

此处是实时页面https://sebalaini.github.io/NewPortfolio/ 并在这里回购https://github.com/sebalaini/NewPortfolio

Answer 1

看起来你错过了一段时间：

尝试

$('.nav').css("display", "inline-block");

而不是

$('nav').css("display", "inline-block");

jQuery正在寻找一个nav标签，而不是.nav类。