1

I'm investigating the new jqueryui menubar.

The menubar seems to work well, but sometimes you have a menu item that doesn't have children. I modified the above default demo to have a top level clickable menu item. The mouseover shows the correct URL in the toolbar but it doesn't fire when clicked on.

<div class="menubarItem ui-menubar-item" role="presentation">
    <a href="#topLevelMenu" class="ui-corner-all" tabindex="-1" role="menuitem" id="toplevelmenu">
        <span class="ui-button-text">
            <!-- url should change to #topLevelMenu but doesn't -->
            Clickable Top Menu
        </span>
    </a>
</div>

I put my example into JS Bin. This code doesn't show the hash changes running in JS Bin but does show them if you save the html locally.

Any thoughts on how to get the top menu clickable (vs. a dropdown)?

Kara
  • 6,115
  • 16
  • 50
  • 57
JStark
  • 2,788
  • 2
  • 29
  • 37
  • You have to edit [this code](http://view.jqueryui.com/master/ui/jquery.ui.menubar.js) so that `mouseenter` and `mouseleave` become `click`. – Blender Dec 12 '11 at 17:37

0 Answers0