17,230
edits
(don't break when selector is 0) |
(deselect tabs in all tabsets sharing selector, not just in the current tabset) |
||
Line 33: | Line 33: | ||
var tab = $( this ); | var tab = $( this ); | ||
var tabset = tab.closest( '.zdw-tabset' ); | var tabset = tab.closest( '.zdw-tabset' ); | ||
var selector = tabset.data( 'tabSelector' ); | |||
// first check if we care about this event | // first check if we care about this event | ||
Line 38: | Line 39: | ||
return; | return; | ||
} | } | ||
// get target tabcontainer | // get target tabcontainer | ||
Line 53: | Line 50: | ||
return $( this ).closest( '.zdw-tabcontainer' ).is( container ); // that aren't nested inside other containers | return $( this ).closest( '.zdw-tabcontainer' ).is( container ); // that aren't nested inside other containers | ||
} ); | } ); | ||
// activate the tab | |||
tabsets.filter( '[data-tab-selector="' + selector + '"]' ).find( '.zdw-tab' ).removeClass( 'active' ); | |||
tab.addClass( 'active' ); | |||
// get selections | // get selections | ||
Line 63: | Line 64: | ||
// make sure this tabset takes priority in case multiple tabsets use the same selector | // make sure this tabset takes priority in case multiple tabsets use the same selector | ||
selections[ selector == undefined ? '' : selector ] = tab.data( 'tabSelection' ); | selections[ selector == undefined ? '' : selector ] = tab.data( 'tabSelection' ); | ||
Line 73: | Line 73: | ||
// show the selected content | // show the selected content | ||
var selectors = Object.keys( selections ).map( function( s ) { | var selectors = Object.keys( selections ).map( function( s ) { | ||
return '[data-tab-content-' + s + '="' + selections[ s ] + '"]'; | return '[data-tab-content-' + s + '="' + selections[ s ] + '"]'; | ||
} ); | } ); | ||
container.find( '.zdw-tabcontent' + selectors.join( '' ) ).show(); | container.find( '.zdw-tabcontent' + selectors.join( '' ) ).show(); | ||
} ); | } ); | ||
} ); | } ); |