想要在点击提交按钮时重定向Jquery选项卡

时间:2014-05-06 06:35:50

标签: php jquery

我想要一个教程,当我点击任何提交按钮时,我想重定向jquery选项卡。 喜欢 TAB1 标签2 标签3 假设我在Tab1-当我点击提交按钮时,我想继续使用Tab 2等...

请告诉我解决方法吗?

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