javascript - 当没有提供销毁参数时取消绑定 jQuery 插件

Question

我正在使用一个名为Sidr的插件来创建类似 Facebook 的侧边栏。它初始化为：

$('#menu_trigger').sidr({
    name: 'sidr-right',
    side: 'right'
});

问题是，我只想在特定的视口大小下产生这种效果。我知道许多 jQuery 插件都带有一个类似destroy参数来卸载脚本的东西。但是这个插件没有。

#menu_trigger有谁知道在触发特定浏览器大小时如何取消绑定此功能。像：

enquire.register("screen and (max-width:560px)", {
  $('#menu_trigger').sidr({
    // unload, unbind
  });
}

谢谢

Answer 1

http://jsbin.com/bemimu/8/edit

您可以使用 unbind 并将插件引用传递给所选元素，然后在 JavaScript 中检查窗口大小。$.sidr('close', 'sidr-right');

JS：

function clickForSidr() {

var ww = document.body.clientWidth;

  if(ww < 560){

      if(sidrIsOpen){
        $.sidr('close', 'sidr-right');
      }else {
        $.sidr('open', 'sidr-right');
      }
        sidrIsOpen = !sidrIsOpen;
  }
};

var sidrIsOpen = false;

    $('.unbindme').on('click',function(){
     clickForSidr();
    });

标记：

<div class="unbindme" >unbindme</div>