Add tooltip option

Close mar10#92

Author: mar10

CHANGELOG.md

@@ -1,6 +1,9 @@
 # 1.9.1-0 / Unreleased
 
+* [FEATURE] New option `tooltip`,  adds a `title` attribute to the menu markup
+
 # 1.9.0 / 2015-04-20
+
 * [FEATURE] New option `autoFocus`, defaults to *false*
 * [BUGFIX] #82 Fixed AMD dependencies
 

README.md

@@ -324,6 +324,12 @@ $(document).contextmenu({
     which is especially useful for touch devices (but may require external 
     plugins to generate <code>taphold</code> events).
 </dd>
+<dt>tooltip</dt>
+<dd>
+    Type: <code>String</code>, optional<br>
+    Add a <code>title</code> attribute to the menu markup, which will be displayed
+    as tooltip by most browser (or external plugins).
+</dd>
 <dt>uiMenuOptions</dt>
 <dd>
     Type: <code>Object</code>, default: <code>{}</code><br>

demo/index.html

@@ -88,7 +88,7 @@
 			{title: "----"},
 			{title: "More", children: [
 				{title: "Sub 1 (callback)", action: function(event, ui) { alert("action callback sub1");} },
-				{title: "Edit <kbd>[F2]</kbd>", cmd: "sub2"},
+				{title: "Edit <kbd>[F2]</kbd>", cmd: "sub2", tooltip: "Edit the title"},
 				]}
 			],
 		// Handle menu selection to implement a fake-clipboard

jquery.ui-contextmenu.js

@@ -419,6 +419,9 @@ $.extend($.moogle.contextmenu, {
 			if ( $.isPlainObject(entry.data) ) {
 				$parentLi.data(entry.data);
 			}
+			if ( entry.tooltip != null ) {
+				$parentLi.attr("title", entry.tooltip);
+			}
 		}
 	},
 	/** Convert a nested array of command objects into a <ul> structure. */