Hammer.js - 在非畫布元素中滑動？

我使用的插件offCanvasMenu基本上做什麼插件說..隱藏和顯示一個關閉畫布菜單，作爲一個單擊事件罰款，但我試圖整合hammer.js，所以菜單將隱藏/顯示向右滑動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>

謝謝！

來源

2013-06-18 Adam

它應該是相反的。將滑動事件偵聽器添加到第一個代碼塊中。而你的第二塊在這裏說//這裏，你應該做一些像menu.toggle（）。

來源

2013-06-18 19:38:44

啊！ Brill非常感謝您的幫助 – Adam

它工作嗎？我們設計它允許這樣的添加。但我們從未真正嘗試過。 –

是的，它的工作非常感謝。唯一的問題是，在我的iPhone面板似乎笨拙閃光而不是幻燈片（當使用滑動或觸發按鈕） – Adam

Hammer.js - 在非畫布元素中滑動？

回答

相關問題