Я исследую новый jqueryui menubar:
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 локально.
Есть мысли о том, как сделать кликабельное верхнее меню (вместо выпадающего)?