Slidetoogle和更大的浏览器

Question

我正在使用jquery slideToggle在移动设备上显示和隐藏div。我在媒体查询中使用display：none来查看低于768px的设备。这允许div开始关闭。

如果您将浏览器的大小调整为小于768px断点，则Nav div将消失，并且系统会提示您切换其可见性。但是，如果您将浏览器的大小调整回原始状态（大于768px）。此时，您将注意到div保持隐藏状态并且不会返回到display：block。只有在刷新浏览器后，div才会重新出现。

有人可以建议解决这个问题的方法吗？

Answer 1

创建$(window).resize功能

var _windowWidth = $(window).width();

$(window).resize( function() {
    if(_windowWidth > 768) {
        $("nav").show();
    }
});

如果屏幕大于css，则可以使用768px显示该内容。

@media screen and (min-width: 768px) {
    nav {
        display: block;
    }
}