jquery - Jquery UI タブ - クリックしないと ajax タブの読み込みが終了しない

Question

UI タブに問題があります。add 関数を ajax URL で使用すると、新しいタブをクリックするか選択関数を使用するまでロードされません。選択する？これを使用し$tabs.tabs('select', '#' + ui.panel.id);て追加時にタブを選択しますが、ajax が完了するまでに時間がかかり、見栄えがよくないことがあります。

これは私がタブを初期化する方法です：

var $tabs = $(".tabs").tabs({
    ajaxOptions: {
        cache: false,
        success: function(xhr, status) {}
    },
    cache: true,
    spinner: '&nbsp;<img src="<?=base_url()?>images/ajax-loader-small.gif" alt="Loading..."/>',
    tabTemplate: "<li class='override_tabs'><a class='override_tab_anchors' href='#{href}'>#{label}" + "" + "<span><div style='text-align:center; display:none;' class='showarrow' id='#{label}'>" + "<img alt='up arrow' src='<?=base_url()?>images/up_arrow_tab.png'>    " + "</div>" + "</span></a><span class='override_close_icon' style='cursor: pointer;'>&nbsp;&nbsp;&nbsp;</span>" + "</li>",
    add: function(event, ui) {
        $tabs.tabs('select', '#' + ui.panel.id);
    },
    select: function(e, ui) {
        $(".showarrow").hide();
        $(".override_tab_anchors_selected").removeClass('override_tab_anchors_selected');
        return true;
    },
    load: function(e, ui) {}
});​

これは私がajaxタブを呼び出す方法です

$tabs.tabs("add","<?=base_url()?>index.php/contracts/vieweditcontract/"+contract_id+"/"+contract_id,tab_title);

注: 主な関心事は、ロード/レンダリングが完了した後にタブを選択する方法です。