我正在调查新的jqueryui菜单栏: http://view.jqueryui.com/master/demos/menubar/default.html
菜单栏看起来效果很好,但有时你会有一个没有孩子的菜单项。我修改了上面的默认演示,以获得顶级可点击菜单项。鼠标悬停在工具栏中显示正确的URL,但单击时不会触发。
<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>
我将我的示例放入http://jsbin.com/epigaf/2/edit#source此代码不显示在jsbin中运行的哈希更改,但如果您在本地保存html则会显示它们。
有关如何使顶级菜单可点击的任何想法(与下拉列表相比)?