JQuery调整大小，但不正确

Question

一个简单的问题。 我正在编写一个插件，它将根据当前窗口大小添加和删除类，但是现在我甚至无法正确触发resize事件。

所以我的代码

(function(jq) {

jq(window.jQuery, window, document);

 }(function($, window, document) {

 $(function() {
var $window = $(window).width();

 function resize() {
 if($window < 768)
 {
  console.log("Less than 768");
  }
  else {
    console.log("more than 768");
  }
} 
$(window)
.resize(resize)
.trigger('resize');
});}));

此代码始终生成相同的值，例如，如果我在小于768px时加载屏幕，它将记录小于768，如果我执行全屏，它将记录超过768px。有什么帮助吗？