Javascript 调整大小功能无法正常工作

如果浏览器小于768px，我需要隐藏主导航菜单。 函数在调整大小时触发。但导航菜单隐藏在784px处。 代码如下：

jQuery(window).resize(function(){
    var windowSize = jQuery( window ).width();
    if(jQuery("#main-navigation").css('display') == 'none' && windowSize > 768) {
        jQuery("nav#main-navigation").css("display", "block");
    }
    if(windowSize < 768) {
        jQuery("nav#main-navigation").css("display", "none");
    }

});

jQuery（窗口）.调整大小（函数（）{
var windowSize=jQuery（window）.width（）；
if（jQuery（“#主导航”）.css（'display'）='none'&&windowSize>768）{
jQuery（“导航主导航”）.css（“显示”、“块”）；
}
如果（窗口大小<768）{
jQuery（“导航主导航”）.css（“显示”、“无”）；
}
});

这是因为你有滚动条

$（window）.widt（）返回不带滚动条的widt。如果您想让宽度与滚动宽度相同，可以使用
窗口。innerWidth
为什么不使用medeia查询而不是js代码？类似于：'@media（最大宽度：767px）{#主导航{显示：无；}}}'Nope。由于该站点的另一项功能，此onresize无需显示任何内容…太棒了。。这是可行的，但就我所知，我想知道为什么谷歌甚至连jquery api都没有显示widt（）。innerWidth正在显示。。。