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

这是头部的 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);