Menu demos: Restrict selectors to demo elements; add menu to demos/in…

…dex.html
jquery · Jun 19, 2010 · fa27e0f6117557d978346b19786c261d76e2e8bd · fa27e0f
1 parent 9ac3578
commit fa27e0f6117557d978346b19786c261d76e2e8bd
Unified Split

Showing with 10 additions and 2 deletions.

+2 −0 demos/index.html

+7 −1 demos/menu/contextmenu.html

+1 −1 demos/menu/default.html
diff --git a/demos/index.html b/demos/index.html
@@ -18,6 +18,7 @@
 	<script type="text/javascript" src="../ui/jquery.ui.dialog.js"></script>
 	<script type="text/javascript" src="../ui/jquery.ui.draggable.js"></script>
 	<script type="text/javascript" src="../ui/jquery.ui.droppable.js"></script>
+	<script type="text/javascript" src="../ui/jquery.ui.menu.js"></script>
 	<script type="text/javascript" src="../ui/jquery.ui.position.js"></script>
 	<script type="text/javascript" src="../ui/jquery.ui.progressbar.js"></script>
 	<script type="text/javascript" src="../ui/jquery.ui.resizable.js"></script>
@@ -265,6 +266,7 @@
 					<dd><a href="button/index.html">Button</a></dd>
 					<dd><a href="datepicker/index.html">Datepicker</a></dd>
 					<dd><a href="dialog/index.html">Dialog</a></dd>
+					<dd><a href="menu/index.html">Menu</a></dd>
 					<dd><a href="progressbar/index.html">Progressbar</a></dd>
 					<dd><a href="slider/index.html">Slider</a></dd>
 					<dd><a href="tabs/index.html">Tabs</a></dd>

diff --git a/demos/menu/contextmenu.html b/demos/menu/contextmenu.html
@@ -9,10 +9,16 @@
 	<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.ui.menu.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
 	$(function() {
-		$("button").each(function() {
+		$(".demo button").button({
+			icons: {
+				primary: "ui-icon-home",
+				secondary: "ui-icon-triangle-1-s"
+			}
+		}).each(function() {
 			$(this).next().menu({
 				select: function(event, ui) {
 					$(this).hide();

diff --git a/demos/menu/default.html b/demos/menu/default.html
@@ -11,7 +11,7 @@
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
 	$(function() {
-		$("ul").menu();
+		$(".demo ul").menu();
 	});
 	</script>
 	<style>