mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
Tabs: Refactored spinner implementation. Fixes #7134 - Tabs: Deprecate spinner option.
This commit is contained in:
parent
0546cd57bb
commit
5ae44f8a3b
@ -106,34 +106,19 @@ test('cookie', function() {
|
||||
|
||||
});
|
||||
|
||||
asyncTest( "spinner", function() {
|
||||
expect( 2 );
|
||||
|
||||
test('spinner', function() {
|
||||
expect(4);
|
||||
stop();
|
||||
var element = $( "#tabs2" ).tabs();
|
||||
|
||||
el = $('#tabs2');
|
||||
|
||||
el.tabs({
|
||||
selected: 2,
|
||||
load: function() {
|
||||
// spinner: default spinner
|
||||
setTimeout(function() {
|
||||
equals($('li:eq(2) > a > span', el).length, 1, "should restore tab markup after spinner is removed");
|
||||
equals($('li:eq(2) > a > span', el).html(), '3', "should restore tab label after spinner is removed");
|
||||
el.tabs('destroy');
|
||||
el.tabs({
|
||||
selected: 2,
|
||||
spinner: '<img src="spinner.gif" alt="">',
|
||||
load: function() {
|
||||
// spinner: image
|
||||
equals($('li:eq(2) > a > span', el).length, 1, "should restore tab markup after spinner is removed");
|
||||
equals($('li:eq(2) > a > span', el).html(), '3', "should restore tab label after spinner is removed");
|
||||
start();
|
||||
}
|
||||
});
|
||||
}, 1);
|
||||
}
|
||||
element.one( "tabsbeforeload", function( event, ui ) {
|
||||
equals( element.find( ".ui-tabs-nav li:eq(2) em" ).length, 1, "beforeload" );
|
||||
});
|
||||
element.one( "tabsload", function( event, ui ) {
|
||||
equals( element.find( ".ui-tabs-nav li:eq(2) em" ).length, 0, "load" );
|
||||
start();
|
||||
});
|
||||
element.tabs( "option", "active", 2 );
|
||||
});
|
||||
|
||||
test( "selected", function() {
|
||||
|
42
ui/jquery.ui.tabs.js
vendored
42
ui/jquery.ui.tabs.js
vendored
@ -743,34 +743,28 @@ if ( $.uiBackCompat !== false ) {
|
||||
}( jQuery, jQuery.ui.tabs.prototype ) );
|
||||
|
||||
// spinner
|
||||
(function( $, prototype ) {
|
||||
$.extend( prototype.options, {
|
||||
$.widget( "ui.tabs", $.ui.tabs, {
|
||||
options: {
|
||||
spinner: "<em>Loading…</em>"
|
||||
});
|
||||
|
||||
var _create = prototype._create;
|
||||
prototype._create = function() {
|
||||
_create.call( this );
|
||||
var self = this;
|
||||
|
||||
this.element.bind( "tabsbeforeload", function( event, ui ) {
|
||||
if ( self.options.spinner ) {
|
||||
var span = $( "span", ui.tab );
|
||||
if ( span.length ) {
|
||||
span.data( "label.tabs", span.html() ).html( self.options.spinner );
|
||||
},
|
||||
_create: function() {
|
||||
this._super( "_create" );
|
||||
this._bind({
|
||||
tabsbeforeload: function( event, ui ) {
|
||||
if ( !this.options.spinner ) {
|
||||
return;
|
||||
}
|
||||
|
||||
var span = ui.tab.find( "span" ),
|
||||
html = span.html();
|
||||
span.html( this.options.spinner );
|
||||
ui.jqXHR.complete(function() {
|
||||
span.html( html );
|
||||
});
|
||||
}
|
||||
ui.jqXHR.complete( function() {
|
||||
if ( self.options.spinner ) {
|
||||
var span = $( "span", ui.tab );
|
||||
if ( span.length ) {
|
||||
span.html( span.data( "label.tabs" ) ).removeData( "label.tabs" );
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
}( jQuery, jQuery.ui.tabs.prototype ) );
|
||||
}
|
||||
});
|
||||
|
||||
// enable/disable events
|
||||
(function( $, prototype ) {
|
||||
|
Loading…
Reference in New Issue
Block a user