2012-11-17 173 views
0

我使用一個簡單的jquery代碼爲選項卡,它的想法:在每個選項卡我有一個表單時,我提交每個表單的代碼會給我從MySQL值。問題是,當我提交一個表單,例如標籤3時,它會將我重定向到第一個標籤(默認標籤),然後顯示任何結果。 任何建議來解決這個問題。 在此先感謝, 我的代碼:與jQuery的選項卡(默認選項卡)

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

回答

0

開什麼玩笑使用此代碼

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

裝載調用這個之後,所以你可以選擇2標籤。 試試吧!

0

可以傳遞參數標籤()函數(http://api.jqueryui.com/tabs/)

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

這將激活的標籤號2. – user1358679

+0

沒有,它是從零開始索引: 0 - 爲#標籤-1,...,2 - #tab-3 –

0

你說的「形式」,如果你提交表單,頁面將發送數據並刷新自己。只需使用一個按鈕,點擊按鈕後,發送ajax。

1

如果您使用php,您可以使用例如隱藏的html字段包含標籤的編號。提交表單時,可以解析該變量並將其用於jQuery代碼中。如果你使用jQuery代碼中的PHP看起來是這樣的:

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