library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Menubar: Trigger select event after running all other methods. Allows the select-handler to destroy the widget without errors.

Browse Source
This commit is contained in:
Jörn Zaefferer 2011-07-13 11:03:25 -04:00
parent 06676f4696
commit 7856b264a2
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
demos/menubar/default.html
View File

@ -13,13 +13,17 @@
<script src="../../ui/jquery.ui.menubar.js"></script>
<script>
$(function() {
function select(event, ui) {
$("<div/>").text("Selected: " + ui.item.text()).appendTo("#log");
if (ui.item.text() == 'Quit') {
$(this).menubar('destroy');
}
}
$("#bar1").menubar({
position: {
within: $("#demo-frame").add(window).first()
},
select: function(event, ui) {
$("<div/>").text("Selected: " + ui.item.text()).appendTo("#log");
}
select: select
});
$(".menubar-icons").menubar({
@ -29,9 +33,7 @@
position: {
within: $("#demo-frame").add(window).first()
},
select: function(event, ui) {
$("<div/>").text("Selected: " + ui.item.text()).appendTo("#log");
}
select: select
});
});
</script>

6
ui/jquery.ui.menubar.js vendored
View File

@ -49,10 +49,10 @@ $.widget( "ui.menubar", {
},
select: function( event, ui ) {
ui.item.parents( "ul.ui-menu:last" ).hide();
that._trigger( "select", event, ui );
that._close();
// TODO what is this targetting? there's probably a better way to access it
$(event.target).prev().focus();
that._trigger( "select", event, ui );
}
})
.hide()
@ -94,7 +94,7 @@ $.widget( "ui.menubar", {
if( that.options.autoExpand ) {
clearTimeout( that.timer );
}
that._open( event, menu );
}
})
@ -120,7 +120,7 @@ $.widget( "ui.menubar", {
.attr( "role", "menuitem" )
.attr( "aria-haspopup", "true" )
.wrapInner( "<span class='ui-button-text'></span>" );
if ( that.options.autoExpand ) {
input.bind( "mouseleave.menubar", function( event ) {
that.timer = setTimeout( function() {