jquery - Foundation 5 Canvas 外滑动

Question

是否可以通过滑动手势打开和关闭 Foundation 5 Off-Canvas 菜单？

引用:http://foundation.zurb.com/docs/components/offcanvas.html

Answer 1

Foundation 目前不支持此功能，但有一个使用 jQuery Mobile 的简单解决方案。请注意，此示例适用于左侧的单个 Canvas 外。

首先，请确保包含 jQuery 和 JQM:

jQuery:http://jquery.com/
jQuery 移动:http://jquerymobile.com/

然后添加以下内容:

$( document ).on( "swipeleft swiperight", function( e ) {
    if ( $.mobile.activePage.jqmData( "panel" ) !== "open" ) {
        if ( e.type === "swipeleft"  ) {
            $('.off-canvas-wrap').removeClass('move-right');
        } else if ( e.type === "swiperight" ) {
            $('.off-canvas-wrap').addClass('move-right');
        }
    }
});

只是想分享一下，因为我找不到任何解决方案!