Menu not initializing

Menu not initializing

Hi.

I am using a lot of jQuery UI in this project and haven't had issues like this before, so I don't know what's going on.

I have a simple unordered list with list items, and I then apply the menu function. It looks just like in the jQuery UI Demo page for Menu.

I can tell that it is partially working because when I inspect the UL element, I see new classes and other data applied. However, the LI elements are completely untouched.

Here is what the item looks like in Firebug in Firefox:

  1. <ul id="test" class="ui-menu ui-widget ui-widget-content ui-corner-all" role="menu" tabindex="0">
  2. <li>test1</li>
  3. <li>test2</li>
  4. <li>test3</li>
  5. </ul>

My original code only includes the id.

I read the notes that some CSS has to be applied, so I applied width to the UL element, both percentage and pixels, but no change.

There is no error entry in Firebug on this, and other jQuery UI elements (e.g. Dialog) on the same page are working fine.

I downloaded a complete version of jQuery UI and extracted the .JS file to make sure that my custom version wasn't missing anything, but that also didn't help.

I am using jQuery 1.8.3 and jQuery UI 1.9.1.

Any ideas what could cause the menu initialization to only partially go through?

Thanks!