I have a JSON that returns from the server which tabs to build,
so I init them in my JS like this:
$('#tabs').tabs( 'ajaxOptions', {
timeout: 20000,
error: function(xhr, status, index, anchor){
console.log( status, index, anchor );
}
})
.tabs('add', item.CategoryLink, item.CategoryName);
Thing is, when I click a tab, and before it is done loading I click another tab,
the previous request is aborted and never called again when I click that first one again!
this is very bad, because it obviously didn't fetch the request, so what gives?
I tried bypassing this by setting:
.tabs({ cache: false })
but this is a bad thing to do, because I don't want to have a request each time again...
it should be cachced if response was sent.
using jquery-ui 1.8.1