Tooltip: Implementing event delegation support.

1 files changed, 25 insertions, 20 deletions

diff --git a/tests/visual/tooltip/tooltip.html b/tests/visual/tooltip/tooltip.html
index 1e2832e34..6d4e15c9e 100644
--- a/tests/visual/tooltip/tooltip.html
+++ b/tests/visual/tooltip/tooltip.html
@@ -21,16 +21,17 @@
 		
 		function enable() {
 			// default
-			$("#context1 a, form input, #childish").tooltip();
+			$("#context1, form, #childish").tooltip();
 			
 			// custom class, replaces ui-widget-content
-			$("#context2 [title]").tooltip().each(function() {
+			$("#context2").tooltip().each(function() {
 				$(this).tooltip("widget").addClass("ui-widget-header");
 			})
 			$("#right1").tooltip().tooltip("widget").addClass("ui-state-error");
 			
 			// synchronous content
-			$("#see-footnote").tooltip({
+			$("#footnotes").tooltip({
+				items: "[href^=#]",
 				content: function() {
 					return $($(this).attr("href")).html();
 				}
@@ -70,25 +71,25 @@
 				}
 			}).tooltip("widget").addClass("ui-state-highlight");
 			
-			var positionOnTop = {
-				position: {
-					my: "center bottom",
-					at: "center top",
-					offset: "0 -5"
-				}
-			};
-			$("#button1").button().tooltip(positionOnTop);
+			$("#button1").button();
 			$("#button2").button({
 				icons: {
 					primary: "ui-icon-wrench"
 				}
-			}).tooltip(positionOnTop);
+			});
 			$("#button3, #button4").button({
 				icons: {
 					primary: "ui-icon-wrench"
 				},
 				text: false
-			}).tooltip(positionOnTop);
+			});
+			$("#buttons").tooltip({
+				position: {
+					my: "center bottom",
+					at: "center top",
+					offset: "0 -5"
+				}
+			});
 		}
 		enable();
 		
@@ -121,8 +122,9 @@
 		collision detection should kick in around here
 	</div>
 	
-	<div style="margin: 2em 0">
-		<a id="see-footnote" href="#footnote">I'm a link to a footnote.</a>
+	<div id="footnotes" style="margin: 2em 0">
+		<a href="#footnote1">I'm a link to a footnote.</a>
+		<a href="#footnote2">I'm another link to a footnote.</a>
 	</div>
 	
 	<div id="right2" style="position: absolute; right: 1em" title="right aligned element with custom position">
@@ -159,12 +161,15 @@
 		</div>
 	</form>
 	
-	<button id="button1" title="Button Tooltip">Button Label</button>
-	<button id="button2" title="Icon Button">Button with Icon</button>
-	<button id="button3">Icon Only Button 1</button>
-	<button id="button4">Icon Only Button 2</button>
+	<div id="buttons">
+		<button id="button1" title="Button Tooltip">Button Label</button>
+		<button id="button2" title="Icon Button">Button with Icon</button>
+		<button id="button3">Icon Only Button 1</button>
+		<button id="button4">Icon Only Button 2</button>
+	</div>
 	
-	<div id="footnote">This is <strong>the</strong> footnote, including other elements</div>
+	<div id="footnote1">This is <strong>the</strong> footnote, including other elements</div>
+	<div id="footnote2">This is <strong>the other</strong> footnote, including other elements</div>
 	
 	<button id="disable">Toggle disabled</button>
 	<button id="toggle">Toggle widget</button>