如何通过点击使用jQuery UI标签的超链接来从一个标签导航到另一个标签

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

2012-07-22 Hardworker

http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself – Pareshkumar 2012-07-22 07:36:42

您可以参阅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; 
});

来源

2012-07-22 07:34:30 Shant

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

$("#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-22 07:35:26 Starx

感谢您的帮助，为了保持选定的选项卡，我们必须在最后返回false。 – Hardworker 2012-07-23 02:58:42

我面临的另一个问题是，我在一个标签上使用cookie的全回发，但问题是关闭页面后，打开回以前选择的标签即将到来我希望显示默认选项卡，任何人都可以帮助对此？ – Hardworker 2012-07-23 03:16:43

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

来源

2012-07-22 07:35:32 HatSoft

比方说您初始化您的标签如：

$('#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-22 07:35:44

如何通过点击使用jQuery UI标签的超链接来从一个标签导航到另一个标签

回答

相关问题