使用localStorage()在模态上保存"关闭"状态,以便它不再为该用户显示

Question

我有一个pop-over模式,我正在加载我的页面,我希望它一旦关闭不再显示该用户.我已经完成了类似的事情,localStorage();但由于某种原因无法弄清楚使这项工作的语法.

我尝试了一个设置类的解决方案,但是在刷新时它将重新加载原始元素,所以现在我正在尝试这个想法,我将模态的状态更改为"已访问".任何想法,我可能会失去,以我希望的方式工作吗？

localStorage功能:

$(function() {

    if (localStorage) {
        if (!localStorage.getItem('visited')) { 
            $('.projects-takeover').show(); 
        }
    } else { 
        $('.projects-takeover').show();
    }

    $('.projects-close').click(function() {
            $('.projects-takeover').fadeOut();
    });
        localStorage.setItem('visited', true);
        return false;
    });

这是一个实现代码的jsfiddle,感谢您的帮助!

Answer 1

你的javascript代码是正确的。好在您添加了 jsfiddle，因为问题变得很容易识别 - 模式的样式设置为始终可见。只需将display属性更改为类non\xd0\xb5中的属性即可.projects-takeover，它应该可以工作。查看更新的小提琴

\n