javascript - 如何让媒体查询与切换功能添加的样式一起使用

Question

我有一个移动菜单，当用户点击移动菜单图标时，它由 js 代码切换。

我遇到的问题是:将屏幕从移动 View 调整为大 View 时，菜单仍然打开。

我使用媒体查询来隐藏大屏幕的移动菜单，但似乎切换方法在元素上添加了 display:block 并且媒体查询无法覆盖它。

解决此问题的方法是什么？

Answer 1

不使用 .toggle，而是使用 .toggleClass("hidden")。然后你可以使用CSS

.hidden {
    display: none;
}

当类被移除时，它将获得媒体类型的任何默认样式。