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

This commit is contained in:
jzaefferer 2010-06-19 16:37:39 +02:00
parent 9ac357813f
commit fa27e0f611
3 changed files with 10 additions and 2 deletions

View File

@ -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>

View File

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

View File

@ -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>