javascript - Snap.js移动面板插件添加 `destroy`方法

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

下面的代码克隆Snap Panel，将它放在当前页面之前，然后在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