JQuery-Ui Ajax Tabs ошибка?

Question

У меня есть JSON , который возвращает с сервера какие вкладки создавать,
поэтому я инициирую их в моем JS так:

$('#tabs').tabs( 'ajaxOptions', { 
   timeout: 20000, 
   error: function(xhr, status, index, anchor){ 
       console.log( status, index, anchor );
   }
})
.tabs('add', item.CategoryLink, item.CategoryName);

Дело в том, что когда я щелкаю по вкладке и до того, как она загружается, я нажимаю другую вкладку,
предыдущий запрос прерван и больше никогда не вызывается, когда я снова щелкаю этот первый запрос!
это очень плохо, потому что он явно не получил запрос, и что дает?
Я попытался обойти это, установив:

.tabs({ cache: false })

но это плохо, потому что я не хочу каждый раз получать запрос ...
его следует кэшировать, если ответ отправлен.

с использованием jquery-ui 1.8.1

Answer 1

Обходной путь от средства отслеживания ошибок :
используйте это внутри события загрузки вкладок:

load: function(event, ui){
    $(ui.tab).data("cache.tabs",($(ui.panel).html() == "") ? false : true);
}

Answer 2

Возможно, вы используете тот же объект XHR для вызова AJAX, что отменяет каждый предыдущий запрос. Насколько я понимаю, это неизбежно, поскольку вы не можете вручную создать запрос new XHR при использовании функции tabs.

Кроме того, у вас есть 20 (timeout: 20000,) второй тайм-аут при нажатии вашей вкладки. Какая польза от этого?

Hth