Merge pull request #78 from chriswiggins/master

Disable list expansion if aria-disabled is true on link element

README.md

@@ -90,7 +90,8 @@ composer require onokumus/metismenu:dev-master
 
     ```javascript
     $("#menu").metisMenu();
-    ```
+   ```
+
 
 ### Options
 
@@ -191,6 +192,14 @@ Prevents or allows dropdowns' onclick events after expanding/collapsing.
   });
 ```
 
+### 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>
+```
+
+
 ### Testing
 ```bash
 npm install
@@ -217,6 +226,7 @@ Contains a simple HTML file to demonstrate metisMenu plugin.
 
 ### Release History
 **DATE**       **VERSION**   **CHANGES**
+* 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

dist/metisMenu.css

@@ -1,5 +1,5 @@
 /*
- * metismenu - v2.2.0
+ * metismenu - v2.3.0
  * A jQuery menu plugin
  * https://github.com/onokumus/metisMenu#readme
  *
@@ -94,6 +94,6 @@
        -o-transition-duration: .35s;
           transition-duration: .35s;
   -webkit-transition-property: height, visibility;
-       -o-transition-property: height, visibility;
-          transition-property: height, visibility;
+  -o-transition-property: height, visibility;
+  transition-property: height, visibility;
 }

dist/metisMenu.js

@@ -1,5 +1,5 @@
 /*
- * metismenu - v2.2.0
+ * metismenu - v2.3.0
  * A jQuery menu plugin
  * https://github.com/onokumus/metisMenu#readme
  *
@@ -128,6 +128,9 @@
         if($this.options.preventDefault){
           e.preventDefault();
         }
+        if(self.attr('aria-disabled') === 'true'){
+            return;
+        }
         if ($parent.hasClass(activeClass) && !$this.options.doubleTapToGo) {
           $this.hide($list);
           self.attr('aria-expanded',false);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "metismenu",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "A jQuery menu plugin",
   "main": "./dist/metisMenu.js",
   "scripts": {
@@ -29,7 +29,8 @@
     "Andrew Eastwood (https://github.com/AndrewEastwood)",
     "Marcelo Tosco <[email protected]> (http://ecapy.com)",
     "Radoslav Štofko (http://www.stoweb.cz)",
-    "Umut Karcı <[email protected]>"
+    "Umut Karcı <[email protected]>",
+    "Chris Wiggins <[email protected]> (https://github.com/chriswiggins)"
   ],
   "license": "MIT",
   "bugs": {

src/metisMenu.js

@@ -119,6 +119,9 @@
         if($this.options.preventDefault){
           e.preventDefault();
         }
+        if(self.attr('aria-disabled') === 'true'){
+            return;
+        }
         if ($parent.hasClass(activeClass) && !$this.options.doubleTapToGo) {
           $this.hide($list);
           self.attr('aria-expanded',false);