Menu demos: Restrict selectors to demo elements; add menu to demos/index.html

Author: jzaefferer

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>

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();

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>