Using Tabs 3 which can be seen demoed on the test page: ​http://stilbuero.de/jquery/tabs_3/

Under "Ajax tabs"

Click tab Two then click tab Three very quickly before tab two finishes loading. Notice how the Loading... spinner dialog doesn't not get updated with the proper text? The spinner logo is removed on all tabs, but tab Two remains with the spinner text.

This appears to be caused around line 449 of ui.tabs.js by $span not being a direct pointer to each tab, but of the last one?

I believe I have a somewhat crude fix for this:

from line 442:

load if (o.spinner) {

$span.attr('text', $span.html());

$span.html('<em>' + o.spinner + '</em>');

}

setTimeout(function() { $(a.hash).load(url, function() {

if (o.spinner) {

tab_contents_id = "a[href='#"+a.href.split('#')[1]+"'] span"; $(tab_contents_id).html($(tab_contents_id).attr('text'));

} $a.removeClass(o.loadingClass);

...

This seems to solve the problem with my test case...

With Tabs, if I add three new AJAX tabs and then very quickly click on all of them in order. The final result is two tabs' contents remaining visible.

My workaround for this is to add the following to my $.tabs() arguments:

load: function(loaded_tab, loaded_content) {

var full_tab_id = loaded_tab.href.split('#')[1];

Hide all other tabs $('.ui-tabs-panel:not(#'+full_tab_id+')').addClass('ui-tabs-hide');

}

It would be neat if this was somehow baked in?

in the demo ui/current/demos/ui.sortable.html the dragged element is not displayed on IE

Cheers, Sylvain