Tabs: Trigger the select event when collapsing. Fixes #8813 - Tabs: select event not triggering when collapsible:true.

This commit is contained in:
Scott González 2012-11-14 14:59:12 -05:00
parent 0be0c2603c
commit d7ee9569e1
2 changed files with 17 additions and 8 deletions

View File

@ -359,7 +359,7 @@ test( "show", function() {
});
test( "select", function() {
expect( 13 );
expect( 18 );
var element = $( "#tabs1" ).tabs({
active: false,
@ -391,8 +391,12 @@ test( "select", function() {
state( element, 0, 1, 0 );
// collapsing
element.one( "tabsselect", function() {
ok( false, "collapsing" );
element.one( "tabsselect", function( event, ui ) {
ok( !( "originalEvent" in event ), "originalEvent" );
strictEqual( ui.tab, anchors[ 1 ], "ui.tab" );
strictEqual( ui.panel, panels[ 1 ], "ui.panel" );
equal( ui.index, 1, "ui.index" );
state( element, 0, 1, 0 );
});
element.tabs( "option", "active", false );
state( element, 0, 0, 0 );

15
ui/jquery.ui.tabs.js vendored
View File

@ -1187,15 +1187,20 @@ if ( $.uiBackCompat !== false ) {
}
},
_trigger: function( type, event, data ) {
var ret = this._superApply( arguments );
var tab, panel,
ret = this._superApply( arguments );
if ( !ret ) {
return false;
}
if ( type === "beforeActivate" && data.newTab.length ) {
if ( type === "beforeActivate" ) {
tab = data.newTab.length ? data.newTab : data.oldTab;
panel = data.newPanel.length ? data.newPanel : data.oldPanel;
ret = this._super( "select", event, {
tab: data.newTab.find( ".ui-tabs-anchor" )[ 0],
panel: data.newPanel[ 0 ],
index: data.newTab.closest( "li" ).index()
tab: tab.find( ".ui-tabs-anchor" )[ 0],
panel: panel[ 0 ],
index: tab.closest( "li" ).index()
});
} else if ( type === "activate" && data.newTab.length ) {
ret = this._super( "show", event, {