jQuery - ajax 选项卡并使用 cookies 来记住活动选项卡

发布于 2024-11-26 09:59:13 字数 168 浏览 0 评论 0原文

我正在使用 jQuery 通过 AJAX 将内容加载到页面。我想使用 cookie 来记住哪个选项卡最后处于活动状态,这样它就会自动加载正确的页面。我真正的问题是如何使用 jQuery cookies 插件来记住最后一个活动选项卡,然后在重新加载或其他访问时将“active”类(这就是我显示内容的方式)应用到同一选项卡?

I'm using jQuery to load content to a page via AJAX. I want to use cookies to remember which tab was last active, that way it will automatically load the proper page. My real question is how can I use the jQuery cookies plugin to remember the last active tab, then apply the class 'active' (which is how I'm displaying the content) to the same tab on reload or other visits?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

¢好甜 2024-12-03 09:59:13

我想这样的东西会起作用(有点抽象 - 因为那里有几十个选项卡和 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');
}

I guess something like this will work (a bit abstract - since there are dozens of tabs and cookie plugins out there):

This code should trigger on tab click or hover - or whatever else event you use:

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

then to get back to that tab when user reenters the page(this code should go into your $(document).ready(), or whatever else method you use to determine that DOM is ready):

if($.cookie('activeTab')){//checking if cookie set
    $('#' . $.cookie('activeTab')).addClass('active');
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文