取消綁定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

您可以使用取消綁定，並通過在插件參考選定的元素，然後檢查窗口大小的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(); 
    }); 

MARKUP：

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