0

我正在使用插件offCanvasMenu基本上按照插件所说的去做。隐藏并显示一个关闭画布菜单，它可以作为点击事件正常工作，但我正在尝试集成hammer.js，因此菜单将在右侧隐藏/显示刷卡

所以我有这个：

(function() {
    jQuery(function() {
        var $, configureMenus, menu, menuTrigger;

        $ = jQuery;
        menuTrigger = $('#menu-trigger');
        menu = $.offCanvasMenu({
            direction: 'right',
            coverage: '85%'
        });
        (configureMenus = function(display) {
            switch (display) {
                case 'block':
                menu.on();
                break;
                case 'none':
                menu.off();
                break;
                default:
                return;
            }
        })(menuTrigger.css('display'));
        menuTrigger.csswatch({
            props: 'display'
        }).on('css-change', function(event, change) {
            return configureMenus(change.display);
        });
    });
}).call(this);

我认为将以上内容粘贴到以下内容会有效吗？

window.addEventListener('load', function() { 
    var element = document.getElementById('body');
    var hammertime = Hammer(element).on("swipe", function(event) {
        //here
    })
}, false);

但我无法正确调用它，只是想知道是否有人知道如何做到这一点？

如果它有助于基本标记就像

<body id="body">
    <div id="menu-trigger" class="panel-arrow right"><a href="#menu">click me</a></div>

    <div id="menu" class="right-panel panel">
        <p>off canvas menu</p>
    </div>
</body>

谢谢！

4

1 回答 1

1

它应该反过来。将滑动事件侦听器添加到第一个代码块中。在你的第二个块说 //here 的地方，你应该做类似 menu.toggle() 的事情。

于 2013-06-18T19:38:44.340 回答