当jquery.mobile处于活动状态时，响应式菜单无效

Question

我正在浏览jQuery Mobile Docs，我不知道如何处理页面加载。

我有一个网页，当我在移动视图（＆lt; 767px）上时，我想要一个可滑动的菜单。我加载了jquery.mobile.js，并使用简单的

        $(window).on('swiperight', function(){
            $menu_toggle.addClass('mobile_open');
            $navigation.fadeIn().animate({width: '80%'},250);
        });

        $(window).on('swipeleft', function(){
            $menu_toggle.removeClass('mobile_open');
            $navigation.animate({width: '0' },250).fadeOut();
        });

我正在显示菜单。菜单切换是经典的“汉堡包”菜单，如果点击它也可以使用。

滑动有效，当我向右擦拭时，菜单打开，当我向左滑动时，菜单关闭。

然而问题是，当我点击菜单中的链接时，它不会将我带到该页面。我应该设置什么选项以及在哪里启用此行为？

或者是否有其他方法可以使用滑动动作打开菜单，而不使用jquery.mobile.js？

编辑：

添加小提琴，虽然我看不出这会有什么帮助，因为你不能在这里导航，但动画有效

http://jsfiddle.net/zj0hvbba/