jQuery:根据窗口大小删除/添加插件

我正试图做出一个完全响应的布局

我有下面的代码来根据浏览器大小添加一个函数，但是如果浏览器被调整大小，我如何删除这个插件的效果呢？（当前，仅当页面以特定大小加载时，它才起作用，如果调整大小则不起作用）

---

为什么不尝试使用媒体查询抓取类，然后显示：none

因为我仍然需要显示选项卡的内容，所以恐怕禁用该功能绝对是我所需要的。我可能会使用媒体查询来禁用选项卡导航，但仅此而已。

$(document).ready(function(){
   $(window).resize(function() {
      if ($(window).width() >= 420) {
          // Enable the plugin to make the tab functionality...
          $( "#tabs" ).tabs();
      }
      else {
        // Code needed to completely disable the tab functionality??
      }
   });
});