javascript - 使用 jquery/javascript 刷新时保存 css 类

Question

我正在尝试使用具有 3 个简单页面的 jquery 进行导航。 关键是在导航中切换到另一个页面时不需要重新加载页面。

它只是为 div 做 fadeIn 和 fadeOut。效果很好。 问题是我想在重新加载时保存页面的位置。 我有一个名为 isVisible 的类被添加了，所以我想我可以通过它来完成。 有人知道怎么做吗？

这是我在加载页面时执行的 js。 否则它只会在点击导航时发生变化

    $('.skills').hide();
    $('.work').hide();
    $('.about').hide();
    $('.contact').hide();

    $('.nav-about').addClass('isVisible');
    $('.about').fadeIn(100);

我考虑过 url 参数，但是将它们与 javascript/jquery 一起使用非常复杂

Answer 1

您应该使用 cookie 来保存页面的状态。 你可以检查这个:https://github.com/carhartl/jquery-cookie