|
5 | 5 | Themeable menu with mouse and keyboard interactions for navigation. |
6 | 6 | </desc> |
7 | 7 | <longdesc> |
8 | | - <p>A menu can be created from any valid markup as long as the elements have a strict parent/child relationship and each menu item has an anchor. The most commonly used element is the unordered list (<code><ul></code>):</p> |
| 8 | + <p>A menu can be created from any valid markup as long as the elements have a strict parent/child relationship. The most commonly used element is the unordered list (<code><ul></code>):</p> |
9 | 9 |
|
10 | 10 | <pre><code><![CDATA[ |
11 | 11 | <ul id="menu"> |
12 | | - <li><a href="#">Item 1</a></li> |
13 | | - <li><a href="#">Item 2</a></li> |
14 | | - <li><a href="#">Item 3</a> |
| 12 | + <li>Item 1</li> |
| 13 | + <li>Item 2</li> |
| 14 | + <li>Item 3 |
15 | 15 | <ul> |
16 | | - <li><a href="#">Item 3-1</a></li> |
17 | | - <li><a href="#">Item 3-2</a></li> |
18 | | - <li><a href="#">Item 3-3</a></li> |
19 | | - <li><a href="#">Item 3-4</a></li> |
20 | | - <li><a href="#">Item 3-5</a></li> |
| 16 | + <li>Item 3-1</li> |
| 17 | + <li>Item 3-2</li> |
| 18 | + <li>Item 3-3</li> |
| 19 | + <li>Item 3-4</li> |
| 20 | + <li>Item 3-5</li> |
21 | 21 | </ul> |
22 | 22 | </li> |
23 | | - <li><a href="#">Item 4</a></li> |
24 | | - <li><a href="#">Item 5</a></li> |
| 23 | + <li>Item 4</li> |
| 24 | + <li>Item 5</li> |
25 | 25 | </ul> |
26 | 26 | ]]></code></pre> |
27 | 27 |
|
|
35 | 35 |
|
36 | 36 | <pre><code><![CDATA[ |
37 | 37 | <ul id="menu"> |
38 | | - <li><a href="#"><span class="ui-icon ui-icon-disk"></span>Save</a></li> |
| 38 | + <li><span class="ui-icon ui-icon-disk"></span>Save</li> |
39 | 39 | </ul> |
40 | 40 | ]]></code></pre> |
41 | 41 | <p>Menu automatically adds the necessary padding to items without icons.</p> |
|
46 | 46 |
|
47 | 47 | <pre><code><![CDATA[ |
48 | 48 | <ul id="menu"> |
49 | | - <li><a href="#">Item 1</a></li> |
| 49 | + <li>Item 1</li> |
50 | 50 | <li>-</li> |
51 | | - <li><a href="#">Item 2</a></li> |
| 51 | + <li>Item 2</li> |
52 | 52 | </ul> |
53 | 53 | ]]></code></pre> |
54 | 54 |
|
@@ -282,19 +282,19 @@ $( "#menu" ).menu(); |
282 | 282 | ]]></css> |
283 | 283 | <html><![CDATA[ |
284 | 284 | <ul id="menu"> |
285 | | - <li><a href="#">Item 1</a></li> |
286 | | - <li><a href="#">Item 2</a></li> |
287 | | - <li><a href="#">Item 3</a> |
| 285 | + <li>Item 1</li> |
| 286 | + <li>Item 2</li> |
| 287 | + <li>Item 3 |
288 | 288 | <ul> |
289 | | - <li><a href="#">Item 3-1</a></li> |
290 | | - <li><a href="#">Item 3-2</a></li> |
291 | | - <li><a href="#">Item 3-3</a></li> |
292 | | - <li><a href="#">Item 3-4</a></li> |
293 | | - <li><a href="#">Item 3-5</a></li> |
| 289 | + <li>Item 3-1</li> |
| 290 | + <li>Item 3-2</li> |
| 291 | + <li>Item 3-3</li> |
| 292 | + <li>Item 3-4</li> |
| 293 | + <li>Item 3-5</li> |
294 | 294 | </ul> |
295 | 295 | </li> |
296 | | - <li><a href="#">Item 4</a></li> |
297 | | - <li><a href="#">Item 5</a></li> |
| 296 | + <li>Item 4</li> |
| 297 | + <li>Item 5</li> |
298 | 298 | </ul> |
299 | 299 | ]]></html> |
300 | 300 | </example> |
|
0 commit comments