diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2012-10-23 14:03:04 -0400 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2012-10-23 14:48:33 -0400 |
| commit | 568aec62d977af89a5a1aa0f9dbf1301b8df0ea0 (patch) | |
| tree | 6788e85268bbf3606d7220161249c05c92eec59e /demos/menu/default.html | |
| parent | f4b3cd527116b25d4d6f44c2df0f2c472b961e6a (diff) | |
| download | jquery-ui-568aec62d977af89a5a1aa0f9dbf1301b8df0ea0.tar.gz jquery-ui-568aec62d977af89a5a1aa0f9dbf1301b8df0ea0.zip | |
Menu: Remove stupid demos, add an icons demo, improve the default demo
Diffstat (limited to 'demos/menu/default.html')
| -rw-r--r-- | demos/menu/default.html | 57 |
1 files changed, 41 insertions, 16 deletions
diff --git a/demos/menu/default.html b/demos/menu/default.html index 27b1f249c..5b535856b 100644 --- a/demos/menu/default.html +++ b/demos/menu/default.html @@ -7,6 +7,7 @@ <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.position.js"></script> <script src="../../ui/jquery.ui.menu.js"></script> <link rel="stylesheet" href="../demos.css"> <script> @@ -14,29 +15,53 @@ $( "#menu" ).menu(); }); </script> + <style> + .ui-menu { width: 150px; } + </style> </head> <body> <ul id="menu"> - <li><a href="#Aberdeen">Aberdeen</a></li> - <li><a href="#Ada">Ada</a></li> - <li><a href="#Adamsville">Adamsville</a></li> - <li><a href="#Addyston">Addyston</a></li> - <li><a href="#Adelphi">Adelphi</a></li> - <li><a href="#Adena">Adena</a></li> - <li><a href="#Adrian">Adrian</a></li> - <li><a href="#Akron">Akron</a></li> - <li><a href="#Albany">Albany</a></li> - <li><a href="#Alexandria">Alexandria</a></li> - <li><a href="#Alger">Alger</a></li> - <li><a href="#Alledonia">Alledonia</a></li> - <li><a href="#Alliance">Alliance</a></li> - <li><a href="#Alpha">Alpha</a></li> - <li><a href="#Alvada">Alvada</a></li> + <li class="ui-state-disabled"><a href="#">Aberdeen</a></li> + <li><a href="#">Ada</a></li> + <li><a href="#">Adamsville</a></li> + <li><a href="#">Addyston</a></li> + <li> + <a href="#">Delphi</a> + <ul> + <li class="ui-state-disabled"><a href="#">Ada</a></li> + <li><a href="#">Saarland</a></li> + <li><a href="#">Salzburg</a></li> + </ul> + </li> + <li><a href="#">Saarland</a></li> + <li> + <a href="#">Salzburg</a> + <ul> + <li> + <a href="#">Delphi</a> + <ul> + <li><a href="#">Ada</a></li> + <li><a href="#">Saarland</a></li> + <li><a href="#">Salzburg</a></li> + </ul> + </li> + <li> + <a href="#">Delphi</a> + <ul> + <li><a href="#">Ada</a></li> + <li><a href="#">Saarland</a></li> + <li><a href="#">Salzburg</a></li> + </ul> + </li> + <li><a href="#">Perch</a></li> + </ul> + </li> + <li class="ui-state-disabled"><a href="#">Amesville</a></li> </ul> <div class="demo-description"> -<p>A menu with the default configuration. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p> +<p>A menu with the default configuration, disabled items and nested menus. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p> </div> </body> </html> |