html - Responsive menu not working when jquery.mobile is active -
i'm going through jquery mobile docs, , i'm not sure how handle page loading.
i have web page, , i'd have swipeable menu when i'm on mobile view (<767px). loaded jquery.mobile.js, , simple
$(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(); });
i displaying menu. menu toggle classic 'hamburger' menu works if click on it.
the swipe works, when wipe right, menu opens, , when swipe left menu closes.
however problem when click on link in menu, won't take me page. option, , where, should set enable behavior?
or there other way of using swipe motion open menu, without jquery.mobile.js?
edit:
added fiddle, although cannot see how help, becuase cannot navigate here, animation works
Comments
Post a Comment