0

我正在为标签使用 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>

任何帮助,将不胜感激。

4

5 回答 5

2

以简单的方式触发点击事件到#tabs-2(模拟点击到#tabs-2)

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

或者这个,如果你有很多标签对话框

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

希望这有帮助!

于 2013-10-01T05:32:50.907 回答
1

使用活动选项在保存单击处理程序中进行设置

$( "#dialog3" ).tabs( "option", "active", 1 );
于 2013-10-01T05:30:48.480 回答
1
$( "#dialog3" ).tabs( "option", "active", 1 );

参考有效

于 2013-10-01T05:38:08.413 回答
0

尝试这个

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

供参考检查这个

于 2013-10-01T05:33:00.177 回答
0

您可以尝试:$("#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:给你的 id<a href="#tabs-1" id="tab1" />

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

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

于 2013-10-01T05:33:54.840 回答