如何使用jquery跟踪窗口大小？

我想做一个下拉列表，下拉悬停，但只有当屏幕大小大于767px时。我通过如下方式设置了一个调整大小的函数来实现这一点：

$(window).resize(function() {
    if ($(window).width() > 767) {
   // MAKE THE DROPDOWN WORK
  }
});

但这根本不起作用。或者是这样，但不是我想要的。我希望jquery一直跟踪屏幕大小。如果我调整了窗口的大小，并且窗口的大小高于767px，那么下拉菜单总是有效的。如何让jquery始终跟踪窗口的屏幕大小

---

基本上，我需要它像css媒体查询一样工作。

这是一直跟踪的。从描述中，我假设您的意思是，您希望在页面加载时也运行此逻辑。同样地，将

.trigger（'resize'）

添加到您现在拥有的内容的末尾，或者在函数之后调用

$（window）.resize（）

以最初触发事件使用

$（window.innerWidth（）

而不是

$（window.width（）

。