使用jQuery在点击事件上添加多个本地存储

问题描述

我有一个简单的jQuery click事件，如果单击了按钮，它将隐藏div；如果再次用localStorage加载页面，则将其隐藏，如下所示：

$(function () {
    var storagePrivacy = 'privacyCheck';

    if(!localStorage.getItem(storagePrivacy)) {
        $("#privacy-warning").show();
        $("body.home").addClass("privacy-header");
    }
    $(document).on('click','#privacy-close',function() {
        localStorage.setItem(storagePrivacy,true);
        $('#privacy-warning').hide();
        $("body.home").removeClass("privacy-header");
    });
});

现在我需要将另一个事件添加到另一个div中。我尝试仅添加另一个var并加倍代码，如下所示：

$(function () {
    var storagePrivacy = 'privacyCheck';
    var storageUpdate = 'updateCheck';

    if(!localStorage.getItem(storagePrivacy)) {
        $("#privacy-warning").show();
        $("body.home").addClass("privacy-header");
    }
    $(document).on('click',true);
        $('#privacy-warning').hide();
        $("body.home").removeClass("privacy-header");
    });

    if(!localStorage.getItem(storageUpdate)) {
        $("#update-alert").show();
    }
    $(document).on('click','#update-button',function() {
        localStorage.setItem(storageUpdate,true);
        $('#update-alert').hide();
    });
});

click事件起作用，但是浏览器不会保存或检索第二个函数的值。自从我上一次使用jQuery做任何事情以来已经有一段时间了，任何帮助都是最有用的。谢谢！

解决方法

var storagePrivacy = 'privacyCheck';
var storageUpdate = 'updateCheck';

嘿，这些是做什么用的？尝试将其删除，可能是由于这些变量而使函数感到困惑