Skip to content

Advanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices.

License

Notifications You must be signed in to change notification settings

naturese/smartmenus

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SmartMenus advanced concept

Advanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices. Check it out the demo page.

Quick start

  • Download the latest release.
  • Install with Bower: bower install smartmenus.
  • Install with npm: npm install smartmenus.
  • Clone the repo: git clone https://github.com/vadikom/smartmenus.git.

Check out the project documentation for quick setup instructions, API reference, tutorials and more.

Addons usage as modules

If you need to use any of the addons from the "addons" directory as an AMD or CommonJS module:

AMD

Make sure your SmartMenus jQuery plugin module is named smartmenus since the addons require that name. For example, in RequireJS you may need to add this in your config:

requirejs.config({
  "paths": {
    'smartmenus': 'jquery.smartmenus.min'
  }
  // ...

CommonJS (npm)

The addons are available as separate npm packages so you could properly install/require them in your project in addition to jquery and smartmenus:

  • Bootstrap 4 Addon: npm install smartmenus-bootstrap-4

  • Bootstrap Addon: npm install smartmenus-bootstrap

  • Keyboard Addon: npm install smartmenus-keyboard

Example with npm + Browserify

package.json:

{
  "name": "myapp-using-smartmenus",
  "version": "1.0.0",
  "license": "MIT",
  "dependencies": {
    "jquery": ">=2.1.3",
    "smartmenus": ">=1.1.0",
    "smartmenus-keyboard": ">=0.4.0"
  },
  "devDependencies": {
    "browserify": ">=9.0.3"
  }
}

entry.js:

var jQuery = require('jquery');
require('smartmenus');
require('smartmenus-keyboard');

jQuery(function() {
  jQuery('#main-menu').smartmenus();
});

Run browserify to create bundle.js: browserify entry.js > bundle.js

Homepage

http://www.smartmenus.org/

Documentation

http://www.smartmenus.org/docs/

Community and support

Bugs and issues

For bugs and issues only please. For support requests please use the Community forums or contact us directly via our Premium support.

https://github.com/vadikom/smartmenus/issues

About

Advanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 54.8%
  • JavaScript 21.9%
  • SCSS 19.6%
  • CSS 3.7%