jQuery，响应式菜单不起作用

Question

我正在尝试为我的网站做一个响应式菜单。

if(window.matchMedia("(max-width: 767px)").matches){
- my code -
}

我使用上面的这段代码来检测窗口的大小，但是有一个问题，那就是当我调整它的大小时，我必须更新网站才能让它再次工作，我该怎么做这还不更新吗？

Answer 1

尝试使用 $(window).resize():

$(window).resize(function() {
  if (window.matchMedia("(max-width: 767px)").matches) {
    // your code
  }
});

或者使用 CSS:

@media screen and (max-width: 767px) { /* your css */ }