Javascript Snap.js右侧边栏未显示

Javascript Snap.js右侧边栏未显示,javascript,jquery,snap.js,Javascript,Jquery,Snap.js,我正在尝试使用snap.js创建两个可拖动的侧栏。 不会显示右侧边栏,而是显示左侧边栏 代码笔演示: 您试图从两个按钮调用一个侧边栏 您需要创建另一个边栏实例,您可以使用右键进行控制,如下所示: var snapper2 = new Snap({ element: document.getElementById('content'), hyperextensible: false }); $('#open-right').click(function(){ if(

我正在尝试使用snap.js创建两个可拖动的侧栏。 不会显示右侧边栏,而是显示左侧边栏

代码笔演示:


您试图从两个按钮调用一个侧边栏

您需要创建另一个边栏实例,您可以使用右键进行控制,如下所示:

var snapper2 = new Snap({
     element: document.getElementById('content'),
     hyperextensible: false
});

$('#open-right').click(function(){
    if( snapper2.state().state=="right" ){
       snapper2.close('right');
   }else {
       snapper2.open('right');
   }
});

很抱歉,我在发布问题一分钟后就解决了。。。经过一夜的麻烦之后

刚刚从.snapjs right.snap drawer right


非常简单,我没有注意到它

您想要两个单独的侧边栏吗?
var snapper2 = new Snap({
     element: document.getElementById('content'),
     hyperextensible: false
});

$('#open-right').click(function(){
    if( snapper2.state().state=="right" ){
       snapper2.close('right');
   }else {
       snapper2.open('right');
   }
});