jquery - 页面刷新后丢失点击信息

Question

我为我的导航栏想出了以下内容。好吧，使用 F5 刷新当前页面后，我丢失了点击信息，根据我的 NavBar 的所有内容都恢复为默认值，就像你从未点击过链接一样：/

    <script>
    "use-strict";   
     $(document).ready(function()
    {
    /*
    $(".default").show();
    */

    $("#navSalon>ul>li a").click(function()
    {
        $("#navSalon>ul>li a").next().hide();
        $(this).next().show();
    });

    $("#navSalon>ul>li a").click(function()
    {
        $("#navSalon>ul>li a").children().attr("src", "dot1.png");
        $(this).children().attr("src", "dot0.png");
    });
});   
</script>

Answer 1

因为 HTTP 是无状态的。当您刷新页面时，这是一个新的 HTTP Get 请求，它会发送到服务器并获取结果。

如果您想保留所做的更改，则需要将其保存在永久性介质中。你可以考虑以下

1）数据库：将您的更改存储在数据库中，并在进一步请求时再次加载

2）会话：如果您使用服务器端语言，则将您的更改存储在 Session 变量中。其生命周期是直到用户会话结束。

3) Cookies：将这些存储在浏览器 cookie 中