javascript - 当我刷新页面时 Jquery 重置

Question

我有一个站点，您可以使用此 jquery 指定页面上应显示的项目:

$('.container h1 a').click(function () {
    $('.container').not($(this).parents()).hide();
    $(this).css({'text-decoration' : 'none',
                'cursor' : 'default'                    
                });
});

但是当我刷新页面时，发生的 jquery 函数被删除了

Answer 1

感谢浏览器，Javascript 在客户端工作。它可以修改当前页面，但是一旦您重新加载页面(您从服务器获取其原始内容)，任何更改都将被删除。如果您需要将这些更改恢复为“用户首选项”，请使用 PHP cookie 来存储有关每个用户如何更改其界面的信息。这样，下次重新加载页面时，就可以执行所需的 Javascript 函数来恢复用户的 View 。

您可以使用 Ajax 从 Javascript 异步存储用户首选项。

<罢工> http://www.w3schools.com/ajax/这是 W3Schools 的 Ajax 教程，您应该学习一下。 当用户在您的页面上更改他的首选项时，请使用 PHP cookie ( http://php.net/manual/en/features.cookies.php ) 记住它。当页面重新加载时，检查 cookie 的内容，并执行必要的 Javascript 函数以恢复用户界面。

编辑: 不知道 http://www.electrictoolbox.com/jquery-cookies/它允许您在不使用 Ajax 和其他 PHP 脚本的情况下存储来自 jQuery 的 cookie。 Lars Ebert 的解决方案确实可以更简单，但总体思路是相同的。