如何将jQuery延迟对象与jQuery UI选项卡一起使用？

Question

在集成jQuery延迟对象和jQuery UI选项卡时，我遇到了一些问题。

基本上，我想要实现这样的东西：

(function($) {
   var tabs;

   function func1 () {
      return $.get(url, function() {
         // ajax call 1
      });
   };

   function loadTabs() {
     return tabs = $('.tabs').tabs({
        ajaxOptions: {
            beforeSend: function(jQXHR, settings) {
                // load spinner image
            },
            complete: function(jqXHR, settings) {
                // destroy spinner image
            }
        }
    })
   };

   $.when(func1(), loadTabs()).then(function() {
      tabs.bind('tabsload', function(event, currentTab) {
         // do something
      }
   });
})(jQuery);

基本上，我不认为我会从tabs实例化中得到延迟对象。我读到升级到API1.9UI发布候选版本可能会公开一个获取延迟对象的jQuery，但我似乎找不到该功能的文档。

编辑:这个实现的总体目标是在接收func1()和loadTabs()的结果时显示我的加载微调器图标。一旦这两个进程完成，我想隐藏/销毁微调器。

Answer 1

为什么不干脆这样做：

function myTabs() {
    loadSpinner();
    $.ajax(url, { data: data})
       .done(loadTabsFunction)
       .always(killSpinner)
    ;
}

function loadTabsFunction(response) { }

function loadSpinner() { }

function killSpinner() { }

myTabs();