Question

我有以下代码根据浏览器大小添加功能，但如果调整浏览器大小，如何删除此插件的效果？（目前它仅在以特定大小加载页面时才有效，而不是在调整大小时）

$(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??
      }
   });
});

Answer 1

我使用插件在带有特定DIV的{{1}}内正常创建脚本，所以当我想要清除时，只需删除ID和{{1会和他一起去。

在你的情况下..

ID

OR / And ...根据窗口大小包含响应式CSS文件。

SCRIPT

希望它有所帮助，祝你好运

Answer 2

如果您正在使用jQuery UI标签插件（我猜是这样）：

var $win = $(window),
    $tabs = $( "#tabs" );

$win.resize(function() {
  if ($win.width() >= 420 && !$tabs.is('.tabbed') {
      // Enable the plugin to make the tab functionality...
      $tabs.tabs().addClass('tabbed').removeClass('destroyed');
  } else if(!$tabs.is('.destroyed')) {
      // remove plugin functionality and add class
      // so we don't try to execute this on every resize
      $tabs.tabs('destroy').addClass('destroyed').removeClass('tabbed');
  }
});

jQuery：禁用＆amp;根据浏览器窗口大小启用插件？

2 个答案: