jQuery - ajax 选项卡和使用 cookie 来记住活动选项卡

【问题标题】：jQuery - ajax tabs and using cookies to remember active tabjQuery - ajax 选项卡和使用 cookie 来记住活动选项卡
【发布时间】：2011-07-27 03:57:43
【问题描述】：

我正在使用 jQuery 通过 AJAX 将内容加载到页面。我想使用 cookie 来记住上次活动的选项卡，这样它就会自动加载正确的页面。我真正的问题是如何使用 jQuery cookie 插件来记住最后一个活动选项卡，然后在重新加载或其他访问时将“活动”类（这是我显示内容的方式）应用到同一个选项卡？

【问题讨论】：

标签： jquery cookies tabs

【解决方案1】：

我想这样的事情会起作用（有点抽象 - 因为那里有几十个标签和 cookie 插件）：

此代码应在标签单击或悬停时触发 - 或您使用的任何其他事件：

$.cookie('activeTab', 'activeTabId');//save current tab id in activeTab cookie

然后在用户重新进入页面时返回该选项卡（此代码应该进入您的 $(document).ready()，或者您用来确定 DOM 准备就绪的任何其他方法）：

if($.cookie('activeTab')){//checking if cookie set
    $('#' . $.cookie('activeTab')).addClass('active');
}

【讨论】：