帶有jQuery的標簽（默認標簽）

Question

我為標簽使用一個簡單的jquery代碼，其思想是：在每個標簽中，當我提交每種表單時，我都有一個表單，該代碼將為我提供mysql的值。 問題是，當我在例如選項卡3中提交表單時，它將在顯示任何結果之前將我重定向到第一個選項卡（默認選項卡）。 任何解決此問題的建議。 預先感謝，我的代碼：

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

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>

Answer 1

如果您使用php，則可以使用包含選項卡編號形式的隱藏html字段。 提交表單時，您可以解析該變量並在jQuery代碼中使用它。 如果您在jQuery代碼中使用php，則可能如下所示：

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

Answer 2

您開玩笑地使用此代碼

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

加載后將其稱為1，以便您選擇2標簽。 試試吧！！

Answer 3

您可以將參數傳遞給tabs（）函數（http://api.jqueryui.com/tabs/）

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

Answer 4

您說“表單”，如果您提交表單，頁面將發送數據並刷新自身。 只需使用一個按鈕，然后單擊該按鈕，即可發送ajax。