我想要一个教程,当我点击任何提交按钮时,我想重定向jquery选项卡。 喜欢 TAB1 标签2 标签3 假设我在Tab1-当我点击提交按钮时,我想继续使用Tab 2等...
请告诉我解决方法吗?
答案 0 :(得分:2)
JS小提琴链接:http://jsfiddle.net/smegha11/2kD3K/1/ 当用户点击按钮时你可以使用jquery tabs();功能并传递选定的标签
$('divSelector').tabs('select', index);
HTML
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1">
<p>Content for Tab 1</p><br/>
<input type ="button" id="tab1btn" value = "Go to next tab">
</div>
<div id="tabs-2">
<p>Content for Tab 2</p>
</div>
<div id="tabs-3">
<p>Content for Tab 3</p>
</div>
</div>
的jQuery
$(document).ready(function(){
$("#tabs").tabs();
$("#tab1btn").click(function(){
$('#tabs').tabs('select', 1);
});
});
答案 1 :(得分:0)
//获取所有标签
var $tabs = $('#tabs').tabs();
然后使用以下语法,您可以将默认选定的标签设置为您希望
的任何标签假设我有三个选项卡,然后在提交时我想将第二个选项卡设置为选定选项卡,因为选项卡索引从0开始
$tabs.tabs('url', 1, "you full base url of second tab").tabs('select',1);