|
40 | 40 | }); |
41 | 41 | } |
42 | 42 |
|
43 | | - var menus = $("#menu1, #menu2, #menu3, .menu4"); |
| 43 | + var menus = $("#menu1, #menu2, #menu3, .menu4"), |
| 44 | + all = menus.add("#menu5, #menu6"); |
44 | 45 | create(); |
45 | 46 |
|
46 | 47 | $("#toggle-destroy").toggle(function() { |
47 | | - menus.menu("destroy"); |
| 48 | + all.menu("destroy"); |
48 | 49 | }, create); |
49 | 50 | $("#toggle-disable").toggle(function() { |
50 | | - menus.menu("disable"); |
| 51 | + all.menu("disable"); |
51 | 52 | }, function() { |
52 | | - menus.menu("enable"); |
| 53 | + all.menu("enable"); |
53 | 54 | }); |
54 | 55 | }); |
55 | 56 | </script> |
|
64 | 65 | </head> |
65 | 66 | <body> |
66 | 67 |
|
| 68 | +<h2>Default inline menu</h2> |
67 | 69 | <ul id="menu1"> |
68 | 70 | <li><a href="#">Aberdeen</a></li> |
69 | 71 | <li><a href="#">Ada</a></li> |
|
74 | 76 | <li><a href="#">Salzburg</a></li> |
75 | 77 | </ul> |
76 | 78 |
|
| 79 | +<h2>Inline with disabled items and submenus</h2> |
77 | 80 | <ul id="menu2"> |
78 | 81 | <li class="ui-state-disabled"><a href="#">Aberdeen</a></li> |
79 | 82 | <li><a href="#">Ada</a></li> |
|
114 | 117 | <li class="ui-state-disabled"><a href="#">Amesville</a></li> |
115 | 118 | </ul> |
116 | 119 |
|
| 120 | +<h2>Menu with icons</h2> |
117 | 121 | <ul id="menu3"> |
118 | 122 | <li><a href="#"><span class="ui-icon ui-icon-print"></span>Aberdeen</a></li> |
119 | 123 | <li class="ui-state-disabled"><a href="#"><span class="ui-icon ui-icon-scissors"></span>Ada</a></li> |
|
152 | 156 | </li> |
153 | 157 | </ul> |
154 | 158 |
|
| 159 | +<h2>Long menu with scroll overflow, to test menu's scroll-on-keypress behaviour</h2> |
155 | 160 | <ul class="menu4"> |
156 | 161 | <li><a href="#">Aberdeen</a></li> |
157 | 162 | <li><a href="#">Ada</a></li> |
|
193 | 198 | <li><a href="#">Amesville</a></li> |
194 | 199 | </ul> |
195 | 200 |
|
| 201 | +<h2>Menu with custom markup</h2> |
196 | 202 | <div id="menu5"> |
197 | 203 | <blockquote><a href="#">Aberdeen</a></blockquote> |
198 | 204 | <blockquote><a href="#">Ada</a></blockquote> |
|
231 | 237 | </blockquote> |
232 | 238 | </div> |
233 | 239 |
|
| 240 | +<h2>Menu with custom markup, multi-line items</h2> |
234 | 241 | <div class="menuElement" id="menu6"> |
235 | 242 | <div class="address-item"> |
236 | 243 | <a href="#"> |
|
0 commit comments