向 Snap.js 添加一个切换按钮答案

【问题标题】：Add a toggle button to the Snap.js向 Snap.js 添加一个切换按钮
【发布时间】：2013-07-13 11:40:09
【问题描述】：

我用这个https://github.com/jakiestfu/Snap.js/ 创建了一个出现在页面后面的菜单，当你向右滑动页面时，它会显示它下面的菜单，一切似乎都在工作，但是当我尝试添加一个切换按钮时所以当点击它时它实际上打开了菜单？就像在不触摸页面的情况下滑动页面一样。我试图按照这里所说的：https://github.com/jakiestfu/Snap.js/#--how-do-i-make-a-toggle-button 但我就是无法让它工作！

这是我目前所拥有的：

        $(function() {
            var Button  = $('.buttons');

                function applySnap(){
                    var width = window.innerWidth;
                    if(width<800){
                        if(window.snap){
                            window.snap.enable();
                        } else {
                            window.snap = new Snap({
                                element: document.getElementById('Page')
                            });
                        }    
                    } else {
                        if(window.snap){
                            window.snap.disable();
                        }
                    }
                }
                window.onresize = applySnap;
                applySnap();
        });  

    $(Button).on('click', function(a) {
                if( snapper.state().state=="right" ){
                snapper.close();
            } else {
                snapper.close('left');
            }
            });

这是在 HTML 部分：

<div id="SecondHeader">
<a class="SecondHeader-button" href="#" >Menu</a>
</div>

非常感谢您的帮助！

【问题讨论】：

标签： javascript snap.js

【解决方案1】：

您需要致电事件管理器。

addEvent(document.getElementById('open-left'), 'click', function(){
    if( snapper.state().state=="left" ){
       snapper.close('left');
    }else {
        snapper.open('left');
    }
});

我是这样用的！

好看！

【讨论】：