0

任何人都可以通过使用 JQUERY UI 选项卡单击第一个选项卡中的超链接来帮助我如何从第一个选项卡导航到第二个选项卡吗？

4

4 回答 4

0

您可以参考jQuery UI Tabs 文档来解决您的问题，它被很好地提及

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

请使用选择方法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

假设您在第一个选项卡中有一个链接，要在单击时导航到第二个选项卡，您可以执行以下操作：

$('#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 回答