在Snap.js移动面板插件中添加“panel”方法

Question

如何将destroy方法添加到Snap.js移动面板中？如果只是简单地删除它设置的数据/引用，那么最好的方法是什么呢？

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

基本上，我需要在jQuery移动页面更改上重新初始化它之前关闭它--否则它只能在第一页上工作：

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

演示 - 代码