To use the jQuery.mmenu plugin in a jQuery Mobile project,
include the "jqueryMobile" wrapper .js file and add "jqueryMobile" to the wrappers option.
<head>
<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.mmenu.js"></script>
<script src="path/to/jquery.mmenu.jquerymobile.js"></script>
<script>
$(document).ready(function() {
$("#my-menu").mmenu({
wrappers: ["jqueryMobile"]
});
});
</script>
Using the "jqueryMobile" wrapper will add a workaround for having multiple "pages" in one webpage. It also helps navigating to a new page more fluent.
Next wrapper:
Magento