jquery如何在Jquery中维护回发之间的状态？

Question

我正在使用jquery tab并遵循js方法，我如何以及如何修改它来维护回发之间的tab状态？(这会将选项卡重置为page_load之后的第一个选项卡)

$(文档).ready(function(){//当页面加载时...

$(".tab\_content").hide(); //Hide all content

$("ul.tabs li: first ").addClass("active").show()；//激活第一页签$(".tab_content:first").show()；//显示第一页签内容//点击事件$("ul.tabs li“).click(){

$("ul.tabs li").removeClass( "active“)；//移除任何”active“类

$(this).addClass( "active“)；//将”active“类添加到选中页签$(".tab_content").hide()；//隐藏所有页签内容

var href = $(this).find("a").attr("href")；//找到href属性值标识活动页签+内容

$(activeTab).fadeIn()；//活动ID内容淡入淡入返回false；})；

Answer 1

当我第一次开始使用jQuery时，我遇到了这个问题。我的解决方案是使用<asp:HiddenField />在tabselect上存储活动选项卡索引。

ASP.Net允许客户端代码修改<asp:HiddenField />，以便在回发过程中保留其值。

在document.ready上，只需在初始化期间设置selected选项卡，即可恢复活动选项卡：

示例：

$('div#divMyTabs').tabs({
    selected: function () {
        var tabFromPostback = $('input#<%=hfActiveTab.ClientID %>').val();
        return tabFromPostback === '' ? 0 : tabFromPostback;   //Default to first.
    },
    select:   function (e, ui) {
        $('input#<%=hfActiveTab.ClientID %>').val(ui.index);
    }
});