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

我可以使用class / ID /或名称解决方案吗？

谢谢！

Answer 1

这是解决方案

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

功能完成后的jQuery UI切换选项卡

1 个答案: