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

http://jsfiddle.net/zj0hvbba/


Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -