將'destroy'方法添加到Snap.js移動面板插件

Question

如何將destroy方法添加到Snap.js移動面板？如果只是簡單地刪除它設置的數據/引用，那麼最好的方法是什麼？

https://rawgit.com/jakiestfu/Snap.js/v2.0.0-rc1/src/snap.js

基本上，我需要能夠重新初始化它jQuery Mobile page change之前將其關閉 - 否則只會在第一頁上工作：

http://jsfiddle.net/frank_o/L3dkmkrx/1/

Answer 1

下面的代碼克隆快面板，將其放置在當前頁面之後，然後將其初始化爲它在pagecontainershow上。

$(document).on("pagecontainershow", function (e, data) { 

    var drawer = $(".snap-drawers").clone(); /* clone */ 
    $(".snap-drawers").remove();    /* remove */ 
    $(data.toPage).before(drawer);   /* place it before page */ 
    var snapper = new Snap({     
     element: $(data.toPage)[0]   /* initialize it */ 
    }); 

    $('.open-panel')       
     .off("click")      /* remove previous click listener */  
     .on("click", function() {   /* re-bind click */ 
     snapper.open('left'); 
    }); 

    $('.close')        
     .off("click")      /* remove previous click listener */ 
     .on('click', function() {   /* re-bind click */ 
     snapper.close(); 
    }); 
}); 

Demo - Code