javascript - 関数が完了した後のjQuery UIスイッチタブ

Question

jQuery UI 1.10.0 を使用しています

    $('#uitab').tabs({
        show:function(event, ui){
        var lastOpenedPanel = $(this).data('lastOpenedPanel');
        if(!$(this).data('topPositionTab')){
            $(this).data('topPositionTab', $(ui.panel).position().top)
        }
            $(ui.panel).hide().fadeIn(500);
            if(lastOpenedPanel){/
                lastOpenedPanel
                    .toggleClass('ui-tabs-hide')
                    .css('position','absolute')
                    .css('top',$(this).data('topPositionTab') + 'px')
                    .fadeOut(500,function(){
                        $(this).css('position','');
                    });
            }
            $(this).data('lastOpenedPanel', $(ui.panel));
        }
    });

これは、head と body の jQ UI タブ コードです。

<div id="uitabs">
    <ul id="tabs">
        <li><a href="#uitabs-1">tab1</a></li>
        <li><a href="#uitabs-2">tab2</a></li>
        <li><a href="#uitabs-3">tab3</a></li>
    </ul>

    <div id="uitabs-1">...</div>
    <div id="uitabs-2">...</div>
    <div id="uitabs-3">...</div>
</div>

#uitabs-1 内にスクリプトがあります

<script type="text/javascript">
xxxx...
'onDone':function(file,data,response){
$('#uitabs-2').append('DONE');
$('#uitabs').tabs('option','active',$('uitabs-').index());
}
</script>

次に、「onDone」関数が実行して #uitabs-2 にジャンプするときにコードが必要です

$('#uitabs').tabs('option','active',$('uitabs-').index());}

この行コードを試してみましたが、#uitabs-3 にジャンプしました

クラス/ID/または名前を使用して解決できますか?

ありがとう！

Answer 1

ここに解決策があります

$('#uitabs').tabs('option','active',1);