Question

是否可以通过使用JQUERY UI标签点击第一个标签中的超链接，帮助我了解如何从第一个标签导航到第二个标签？

Answer 1

您可以参考jQuery UI Tabs documentation来解决您的问题，其中提到了

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;
});

Answer 2

您可以使用选择method按照索引自由切换选项卡。一个例子：

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

将此代码段附加到第一个标签内容上链接的点击处理程序。

示例：

对于这样的链接：

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

jQuery的：

$("#nextTab").click(function() { $("#tabs").tabs('select', 1); });

Answer 3

请使用选择方法http://jqueryui.com/demos/tabs/#method-select

Answer 4

假设您初始化了标签，如：

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

如何使用jquery ui选项卡单击超链接，从一个选项卡导航到另一个选项卡

4 个答案: