0

JQUERY UIタブを使用して最初のタブのハイパーリンクをクリックして、最初のタブから2番目のタブに移動する方法を教えてください。

4

4 に答える 4

0

問題については、 jQueryUIタブのドキュメントを参照できます。

var $tabs = $('#example').tabs(); // first tab selected

$('#my-text-link').click(function() { // bind click event to link
    $tabs.tabs('select', 2); // switch to third tab
    return false;
});
于 2012-07-22T07:34:30.327 に答える
0

selectメソッドを使用してインデックスをたどることにより、タブを自由に切り替えることができます。例：

$("#tabs").tabs('select', 1);

このスニペットを、最初のタブのコンテンツのリンクのクリックハンドラーに添付します。

例：

このようなリンクの場合：

<a href="some.html" id="nextTab">Go to Next Tab</a>

jQuery：

$("#nextTab").click(function() {
     $("#tabs").tabs('select', 1);
});
于 2012-07-22T07:35:26.363 に答える
0

selectメソッドhttp://jqueryui.com/demos/tabs/#method-selectを使用してください

于 2012-07-22T07:35:32.970 に答える
0

次のようにタブを初期化したとします。

$('#tabs').tabs();

次のようなプログラミングを介して、別のタブを選択/ナビゲートできます。

$('#tabs').tabs('select', index);
// Where index start from 0, 
// 0 for the first tab, 1 for the second, and 2 for the third and so on

最初のタブにリンクがあるとしましょう。クリックして2番目のタブに移動するには、次のようにします。

$('#link_in_first_tab').click(function (event) {
  $('#tabs').tabs('select', 1);
  event.preventDefault();
});

その他のAPIの使用法については、jQUery UIページを参照してください：http： //jqueryui.com/demos/tabs/

于 2012-07-22T07:35:44.877 に答える