I'm trying to use the Menu widget from jQuery UI. I'm having an issue where the <ul> tags aren't being recognized as submenu's and it's just rendering them as normal <ul> lists. I've basically copied the code from the demo on the jquery UI website.
I initialize the menu in my script like so:
- $( "#start-menu").menu();
This is the HTML for my menu:
- <ul id="start-menu">
- <li><a href="#"><span class="ui-icon ui-icon-disk" style="float: left;"></span>Save</a></li>
- <li><a href="#" id="new_portlet"><span class="ui-icon ui-icon-person" style="float: left;"></span>Customer Manager</a></li>
- <li class="ui-state-disabled"><a href="#"><span class="ui-icon ui-icon-print" style="float: left;"></span>Print...</a></li>
- <li>
- <a href="#">Playback</a>
- <ul>
- <li><a href="#"><span class="ui-icon ui-icon-seek-start" style="float: left;"></span>Prev</a></li>
- <li><a href="#"><span class="ui-icon ui-icon-stop" style="float: left;"></span>Stop</a></li>
- <li><a href="#"><span class="ui-icon ui-icon-play" style="float: left;"></span>Play</a></li>
- <li><a href="#"><span class="ui-icon ui-icon-seek-end" style="float: left;"></span>Next</a></li>
- </ul>
- </li>
- </ul>
This is a screenshot of the problem. Obviously you can see that the Playback portion isn't working as a normal submenu:
Any help you can provide I'd greatly appreciate.