单击以打开Jquery UI选项卡

Question

我正在使用jquery和jquery UI标签。我想在保存按钮点击时打开翻译标签

<div id="dialog3" class="window">
        <ul>
            <li><a href="#tabs-1">Information</a></li>
            <li><a href="#tabs-2">Translation</a></li>
        </ul>
        <div id="tabs-1" style="overflow:auto ; height:375px">
            <p>Information</p>
        </div>
         <div id="tabs-2" style="overflow:auto ; height:375px">
            <p>Translation</p>
        </div>
    </div>

任何帮助都将不胜感激。

Answer 1

以简单的方式触发点击事件到＃tabs-2（模拟点击到＃tabs-2）

$('a[href="#tabs-2"]').click();

或者，如果你有很多标签对话框

$('#dialog3 a[href="#tabs-2"]').click();

希望这有帮助！

Answer 2

使用active选项在保存点击处理程序

中进行设置

$( "#dialog3" ).tabs( "option", "active", 1 );

Answer 3

$( "#dialog3" ).tabs( "option", "active", 1 );

参考 active

Answer 4

试试这个

<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>

供参考check this

Answer 5

您可以尝试使用：$("#dialog3").tabs("select", 1);

获取正确选项卡索引的功能：

function GetTabIndexByID(tabsDivId, searchedId) {
    var index = -1;
    var i = 0, els = $("#" + tabsDivId).find("ul a");
    var l = els.length, e;
    while (i < l && index == -1) {
        e = els[i];
        if (searchedId == e.id) {
            index = i;
        }
        i++;
    };

    return index;
}

用法：GetTabIndexByID('dialog3', 'tab2')

IMP：为您的<a href="#tabs-1" id="tab1" />

提供ID

最后：$("#dialog3").tabs("select", Number(GetTabIndexByID('dialog3', 'tab2')));

工作小提琴：http://jsfiddle.net/NuhFa/