Lazy submenus introduction

In larger menus, with lots of sub-, sub-sub- and sub-sub-submenus, the time it takes to create the menu can be significantly reduced with the "lazySubmenus" add-on. To do so, include the "lazySubmenus" add-on .js file and use the lazySubmenus options.

<head>
   <script src="path/to/jquery.js" type="text/javascript"></script>
   <script src="path/to/jquery.mmenu.js" type="text/javascript"></script>
   <script src="path/to/jquery.mmenu.lazysubmenus.js" type="text/javascript"></script>
   <link href="path/to/jquery.mmenu.css" type="text/css" rel="stylesheet" />
   <script type="text/javascript">
      $(document).ready(function() {
         $("#my-menu").mmenu({
            lazySubmenus: {
               // lazySubmenus options
            }
         });
      });
   </script>

Options for the "lazySubmenus" add-on

Option Default value Datatype Description
lazySubmenus A map of options or true for lazySubmenus.load.
{
load false Boolean Whether or not to lazy load submenus.
}

Configuration for the "lazySubmenus" add-on

The "lazySubmenus" add-on has no configuration options.

API methods for the "lazySubmenus" add-on

The "lazySubmenus" add-on has no API methods.

SCSS variables for the "lazySubmenus" add-on

The "lazySubmenus" add-on has no SCSS variables.

Dependencies:
  • Core (on-canvas).
Works great with:
  • The slidingSubmenus option set to false.
Incompattible with:

Next add-on:
Navbars