Php 带有jquery的选项卡（默认选项卡）

我为选项卡使用一个简单的jquery代码，其思想是：在每个选项卡中，我都有一个表单，当我提交每个表单时，代码将为我提供来自mysql的值。问题是，当我在例如选项卡3中提交表单时，它会在显示任何结果之前将我重定向到第一个选项卡（默认选项卡）。 任何解决这个问题的建议。 提前感谢,， 我的代码：

 <script type="text/javascript">
 $(function() {
 $( "#tabs" ).tabs();
   });
</script>

$（函数（）{
$（“#制表符”）.tabs（）；
});

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>tab 1 content</p>
    </div>
    <div id="tabs-2">
         <p>tab 2 content</p>
    </div>
    <div id="tabs-3">
         <p>tab 3 content</p>
    </div>

</div>

表1内容

表2内容

表3内容

您不能使用此代码

$( ".selector" ).tabs( "load", 2 );

加载后，请调用此选项卡，以便选择2个选项卡。

---

试试看

您可以将参数传递给tabs（）函数(http://api.jqueryui.com/tabs/)

$（函数（）{
$（“#tabs”）.tabs（{active:2}）；
});

您说的是“表单”，如果您提交表单，页面将发送数据并自行刷新。只需使用一个按钮，单击按钮时，发送ajax。

如果使用php，您可以使用表单中的隐藏html字段，其中包含选项卡的编号。提交表单时，您可以解析该变量并在jQuery代码中使用它。如果在jQuery中使用php，代码可能如下所示：

$("#tabs").tabs({ 
    selected: <?php echo (isset($_POST['selected_tab']) ? $_POST['selected_tab'] : 1)?> 
});

$（“#制表符”）.tabs（{
挑选出来的：
});

这将激活选项卡编号2。否，它是基于零的索引：0-对于#选项卡-1，2-对于#选项卡-3

$("#tabs").tabs({ 
    selected: <?php echo (isset($_POST['selected_tab']) ? $_POST['selected_tab'] : 1)?> 
});