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); 

는 기본적으로, 나는 내가 다시 탭 인스턴스화에서 지연된 개체를 받고 있어요 같아요 :

는 기본적으로, 나는 이런 식으로 뭔가를 달성하고 싶다. jQuery 1.9 UI 릴리스 후보로 업그레이드하면 지연된 객체를 가져 오는 API가 노출 될 수 있지만 해당 기능에 대한 설명서를 찾을 수없는 것으로 보았습니다.

EDIT :이 구현의 전반적인 목표는 func1() 및 loadTabs()의 결과가 수신되는 동안로드 로딩 아이콘을 표시하는 것입니다. 일단이 두 과정이 끝나면 나는 회 전자를 숨기거나 파괴하고 싶다.

Answer 1

은 왜 그냥 수행

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

function loadTabsFunction(response) { } 

function loadSpinner() { } 

function killSpinner() { } 

myTabs();