Framework wrappers introduction

To fix the quirks that the jQuery.mmenu plugin has with the frameworks listed below, include the particular framework wrapper .js file after including the jQuery.mmenu .js files.

<head>
   <script src="path/to/jquery.js" type="text/javascript"></script>
   <script src="path/to/jquery.mmenu.min.js" type="text/javascript"></script>
   <script src="path/to/jquery.mmenu.wordpress.min.js" type="text/javascript"></script>
   <script type="text/javascript">
      jQuery(document).ready(function( $ ) {
         $("#my-menu").mmenu();
      });
   </script>

Note that you are not required to use these wrappers, you can always try and fix the quirks manually.

Available framework wrappers

AngularJS
Sets the onClick options to work with AngularJS routing.
Bootstrap
Refactors the HTML for Bootstrap tabs, pills and navbars to work with mmenu. Also sets the classNames.selected configuration option to the default classname used by Bootstrap.
jQuery mobile
Adds a workaround for having multiple "pages" in one webpage and helps navigating to a new page more fluent.
Magento
Sets the classNames.selected configuration option to the default classname used by Magento.
Olark
Prevents the olark script from crashing by excluding the DIV#olark from the page.
Turbolinks
Enables the menu to be re-initiated after navigating to a new page.
WordPress
Sets the classNames.selected configuration option to the default classname used by WordPress.