即使在表單發佈後仍保留JQuery UI選項卡選擇

Question

我正在使用JQuery UI選項卡其中我在選項卡中有幾種形式。我想要的是保留標籤選擇即使在Form Post。

我不希望使用cookie.js

您可以在jsbin

在這裏看到我的代碼，我怎樣才能做到這一點使用其他辦法嗎？

感謝

Answer 1

最簡單的方法將是阿賈克斯後的形式。像這樣的東西會做：

$("form").submit(function() { 
    $.post(); // do the necessary post here 
    return false; // Do not submit the form 
}); 

如果您不允許使用Ajax，那麼你可以通過在URL中的標籤信息：

<div id="fragment-1"> 
    <p>Form 1</p> 
    <form method="post" action="?tab=1"> 
     <input type="text" value=""> 
     <input type="submit" value="Save Changes" /> 
    </form> 
</div> 

然後你在頁面加載，你可以選擇具體標籤：

$("#tabs").tabs("select", tab); 

您需要生成以上服務器核心的標籤或使用類似this通過JavaScript進行檢索。

Answer 2

您可以使用隱藏字段來保存該值，然後在回發時保留該值。

<script type="text/javascript"> 
$(document).ready(function() { 
       $('#tabs').tabs({ 
        select: function (event, ui) { 
         $("#<%= hfSelectedTAB.ClientID %>").val(ui.index); 
        } 
       }); 
       $("#tabs").tabs("option", "selected", [$("#<%= hfSelectedTAB.ClientID %>").val()]); 
      }); 
</script> 

<asp:HiddenField ID="hfSelectedTAB" runat="server" Value="0"/> 

簡單。現在您的選項卡保留。