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:38:08.413 に答える
1

アクティブなオプションを使用して、保存クリック ハンドラーに設定します。

$( "#dialog3" ).tabs( "option", "active", 1 );
于 2013-10-01T05:30:48.480 に答える
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 に答える