在我的畫布外菜單中添加滑動功能

Question

我的移動HTML網站上有一個畫布外的菜單。

DEMO

其工作良好，但滑動效果工作只需撥動按鈕。但我需要在菜單上滑動功能。 我如何添加它？

JS：

$(function() { 

    // Toggle Nav on Click 
    $('.toggle-nav').click(function() { 
     // Calling a function in case you want to expand upon this. 
     toggleNav(); 
    }); 


}); 

function toggleNav() { 
    if ($('#site-wrapper').hasClass('show-nav')) { 
     // Do things on Nav Close 
     $('#site-wrapper').removeClass('show-nav'); 
    } else { 
     // Do things on Nav Open 
     $('#site-wrapper').addClass('show-nav'); 
    } 

} 

Answer 1

只要聽swipe事件

$("#site-canvas").on("swipe", function() { 
    toggleNav(); 
}); 

Answer 2

由於您使用jQuery的你可以採取jQuery的刷卡事件 處理器的優勢。

$(window).on("swipe", function(event){ ... })。

Docs here.