毕业设计：基于PHP乐途二手汽车销售网站+后台管理系统（PHP+MySQL）.zip

# metisMenu [](http://badge.fury.io/js/metismenu) [](http://badge.fury.io/bo/metisMenu) [](http://badge.fury.io/ph/onokumus%2Fmetismenu) [](https://travis-ci.org/onokumus/metisMenu) > A jQuery menu plugin ## TOC - [Installation](#installation) * [Download](#download) * [React](#react) * [TypeScript type definitions](#typescript-type-definitions) - [Usage](#usage) * [Stopping list opening on certain elements](#stopping-list-opening-on-certain-elements) - [Options](#options) + [toggle](#toggle) + [activeClass](#activeclass) + [collapseClass](#collapseclass) + [collapseInClass](#collapseinclass) + [collapsingClass](#collapsingclass) + [doubleTapToGo](#doubletaptogo) + [preventDefault](#preventdefault) - [Events](#events) - [Testing](#testing) - [Demo](#demo) - [Release History](#release-history) - [Author](#author) - [License](#license) _(TOC generated by [verb](https://github.com/verbose/verb) using [markdown-toc](https://github.com/jonschlinkert/markdown-toc))_ ## Installation Install with [npm](https://www.npmjs.com/): ```sh $ npm install metismenu ``` Install with [bower](http://bower.io/) ```sh $ bower install metisMenu ``` Install with [composer](https://getcomposer.org/) ```sh $ composer require onokumus/metismenu:dev-master ``` ### Download [download](https://github.com/onokumus/metisMenu/archive/master.zip) ### React See [react-metismenu](https://github.com/alpertuna/react-metismenu) ### TypeScript type definitions Install TSD globally using npm: ```bash $ npm install tsd -g ``` Install metismenu TypeScript definition file ```bash $ tsd install metismenu ``` ## Usage 1. Include metisMenu StyleSheet ```html <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/metisMenu/2.5.2/metisMenu.min.css"> ``` OR ```html <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.metisMenu/2.5.2/metisMenu.min.css"> ``` 2. Include jQuery ```html <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> ``` OR ```html <script src="//cdn.jsdelivr.net/jquery/2.2.4/jquery.min.js"></script> ``` 3. Include metisMenu plugin's code ```html <script src="//cdnjs.cloudflare.com/ajax/libs/metisMenu/2.5.2/metisMenu.min.js"></script> ``` OR ```html <script src="//cdn.jsdelivr.net/jquery.metisMenu/2.5.2/metisMenu.min.js"></script> ``` 4. Add class `metisMenu` to unordered list ```html <ul class="metisMenu" id="menu"> </ul> ``` 5. Make expand/collapse controls accessible > Be sure to add `aria-expanded` to the element `a` and the following `ul`. This attribute explicitly defines the current state of the collapsible element to screen readers and similar assistive technologies. If the collapsible element is closed by default, it should have a value of `aria-expanded="false"`. If you've set the collapsible element's parent `li` element to be open by default using the `active` class, set `aria-expanded="true"` on the control instead. The plugin will automatically toggle this attribute based on whether or not the collapsible element has been opened or closed. ```html <ul class="metisMenu" id="menu"> <li class="active"> <a href="#" aria-expanded="true">Menu 1</a> <ul aria-expanded="true"> ... </ul> </li> <li> <a href="#" aria-expanded="false">Menu 2</a> <ul aria-expanded="false"> ... </ul> </li> ... </ul> ``` 6. Call the plugin: ```javascript $("#menu").metisMenu(); ``` ### Stopping list opening on certain elements Setting aria-disabled="true" in the `<a>` element as shown will stop metisMenu opening the menu for that particular list. This can be changed dynamically and will be obeyed correctly: ```html <a href="#" aria-expanded="false" aria-disabled="true">List 1</a> ``` ## Options #### toggle Type: `Boolean` Default: `true` For auto collapse support. ```javascript $("#menu").metisMenu({ toggle: false }); ``` #### activeClass Type: `String` Default: `active` ```javascript $("#menu").metisMenu({ activeClass: 'active' }); ``` #### collapseClass Type: `String` Default: `collapse` ```javascript $("#menu").metisMenu({ collapseClass: 'collapse' }); ``` #### collapseInClass Type: `String` Default: `in` ```javascript $("#menu").metisMenu({ collapseInClass: 'in' }); ``` #### collapsingClass Type: `String` Default: `collapsing` ```javascript $("#menu").metisMenu({ collapsingClass: 'collapsing' }); ``` #### doubleTapToGo Type: `Boolean` Default: `false` For double tap support. ```javascript $("#menu").metisMenu({ doubleTapToGo: true }); ``` #### preventDefault Type: `Boolean` Default: `true` Prevents or allows dropdowns' onclick events after expanding/collapsing. ```javascript $("#menu").metisMenu({ preventDefault: false }); ``` ## Events |**Event Type** |**Description**| |--------------|--------------| |show.metisMenu |This event fires immediately when the `_show` instance method is called.| |shown.metisMenu |This event is fired when a collapse `ul` element has been made visible to the user (will wait for CSS transitions to complete).| |hide.metisMenu |This event is fired immediately when the `_hide` method has been called. | |hidden.metisMenu |This event is fired when a collapse `ul` element has been hidden from the user (will wait for CSS transitions to complete).| ## Testing ```sh $ npm install $ bower install $ grunt serve ``` ## Demo [http://mm.onokumus.com](http://mm.onokumus.com) Contains a simple HTML file to demonstrate metisMenu plugin. ## Release History |**DATE** |**VERSION** |**CHANGES**| |--------------|--------------|-----------| |2016-05-06 |v2.5.2 |fix Menu failed to remove collapsing class| |2016-05-06 |v2.5.1 |fixed bootstrap conflict| |2016-03-31 |v2.5.0 |Event support| |2016-03-11 |v2.4.3 |create meteor package| |2016-03-04 |v2.4.2 |back to version 2.4.0| |2016-03-03 |v2.4.1 |<del>Transition element passed to methods</del> (removed)| |2016-01-25 |v2.4.0 |Support AMD / Node / CommonJS| |2016-01-08 |v2.3.0 |Adding aria-disabled=true to the link element prevents the dropdown from opening| |2015-09-27 |v2.2.0 |Events supported & added preventDefault options| |2015-08-06 |v2.1.0 |RTL & `aria-expanded` attribute & TypeScript type definitions support| |2015-07-25 |v2.0.3 |When the active item has doubleTapToGo should not collapse| |2015-05-23 |v2.0.2 |[fixed](https://github.com/onokumus/metisMenu/issues/34#issuecomment-104656754)| |2015-05-22 |v2.0.1 |changeable classname support| |2015-04-03 |v2.0.0 |Remove Bootstrap dependency| |2015-03-24 |v1.1.3 |composer support| |2014-11-01 |v1.1.3 |Bootstrap 3.3.0| |2014-07-07 |v1.1.0 |Add double tap functionality| |2014-06-24 |v1.0.3 |cdnjs support & rename plugin| |2014-06-18 |v1.0.3 |Create grunt task| |2014-06-10 |v1.0.2 |Fixed for IE8 & IE9| ## Author **Osman Nuri Okumuş** + [github/onokumus](https://github.com/onokumus) + [twitter/onokumus](http://twitter.com/onokumus) ## License Copyright © 2016, [Osman Nuri Okumuş](https://github.com/onokumus).ş Released under the [MIT license](https://github.com/onokumus/metismenu/blob/master/LICENSE). *** _This file was generated by [verb](https://github.com/verbose/verb), v0.9.0, on May 30, 2016._