javascript - addClass 和 cookie 支持

Question

我的弹出窗口中有脚本

$(function() {
$('.window_content a.window_close').on('click', function(e) {
    e.preventDefault();

    $(this).parent().removeClass('opened');
    $('#window_overlay').removeClass('opened');
});

$('.window_content').addClass('opened');
$('#window_overlay').addClass('opened');

我需要添加一个 cookie 支持，以便在指定时间显示此弹出窗口，并且每次刷新页面时都不会显示它

任何帮助都非常感谢，谢谢！

现在我尝试使用 LocalStorage 但刷新时弹出窗口不会从页面中消失；/

<script>
    $(function() {
    $('.window_content a.window_close').on('click', function(e) {
        e.preventDefault();
 
        $(this).parent().removeClass('opened');
        $('#window_overlay').removeClass('opened');
    });
    
    if(localStorage.getItem('window_overlay') != 'shown') {
     $(this).delay(2000).fadeIn();
     localStorage.setItem('window_overlay','shown')
    }
    
    $('.window_content').addClass('opened');
    $('#window_overlay').addClass('opened');
});
</script>

标签： javascriptcookies

Answer 1

$(function() {
$('.window_content a.window_close').on('click', function(e) {
    e.preventDefault();

    $(this).parent().addclass('opened');
    $('#window_overlay').addclass('opened');
    });

    if(localStorage.getItem('window_overlay') != 'shown') {
     $(this).delay(2000).fadeIn();
     localStorage.setItem('window_overlay','shown')
  }
   });