jQueryのクッキーに関する問題

Question

私はクッキーを作成するのが初めてで、jqueryポップアップ用に作成する必要があります。

Cookie_name = newsletter_displayed - 値は日付でなければなりません。有効期限は1ヶ月 - newsletter_displayedが設定されている場合は、4分が経過するまで表示されません。

私はテストのために3秒と5秒に設定されています。 xをクリックすると、クッキーが設定され、動作します。しかし、私がページをリフレッシュするとポップアップが再び起こります。どのように私はそれがクッキーの存在のためにポップアップを隠す場所にするのですか？

マイHTML：

マイJS：

jQuery(document).ready(function(){ 
jQuery(function() { 
    jQuery("#slide").delay(3000).animate({width:'toggle'}, 750); 
    }); 
jQuery('#close').on('click', function() { 

     var $this = jQuery(this); 
     var slide = jQuery('#slide'); 
     if ($this.hasClass('clicked-once')) { 
     // already been clicked once, hide it 
     createCookie('newsletter_suppressed', 'new Date()', 30); 
     if(createCookie('newsletter_displayed', 'new Date()', 30) == 'undefined') { 
     createCookie('newsletter_displayed', 'new Date()', 30); 
     } else { 
     slide.hide(); 
     } 
    } else { 
     // first time this is clicked, mark it 
     createCookie('newsletter_displayed', 'new Date()', 30); 
     $this.addClass('clicked-once'); 
     jQuery(slide).fadeOut(); 
     jQuery(slide).delay(5000).animate({width:'toggle'}, 750); 
    }  

}); 

}）;ここ

Answer 1

は答えは：

jQuery(document).ready(function() { 
if(!readCookie('newsletter_suppressed')) { 
    jQuery("#slide").delay(3000).animate({width:'toggle'}, 750); 
} 
jQuery('#close').on('click', function() { 

    var $this = jQuery(this); 
    var slide = jQuery('#slide'); 

    if ($this.hasClass('clicked-once')) { 
     // already been clicked once, hide it 
     createCookie('newsletter_suppressed', new Date(), 30); 
     slide.hide(); 

    } else { 
     // first time this is clicked, mark it 
     createCookie('newsletter_displayed', new Date(), 30); 
     $this.addClass('clicked-once'); 
     jQuery(slide).fadeOut(); 
     jQuery(slide).delay(5000).animate({width:'toggle'}, 750); 
    }  
}); 

}）。