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

Question

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

//淡入活动ID内容 return false; });

Answer 1

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

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

On ，只需在初始化期间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);
    }
});