【问题标题】:Jquery cookie plugin for popup message用于弹出消息的 Jquery cookie 插件
【发布时间】:2012-02-21 23:43:54
【问题描述】:

当用户第一次访问我的主页时,我会弹出一条消息。如果您在过去 15 天内访问过该页面,我正在尝试使该消息不会弹出。我正在考虑使用jquery.cookie 插件来实现这一点,但不确定如何使用它。任何帮助将不胜感激。

我正在为弹出消息使用彩盒插件,代码如下:

$(function () {
    $(window).bind('load',
    function (e) {
        window.setTimeout(function () {
            $.colorbox({ opacity: 0.3, href: "popupQualify.aspx" });
        }, /*timeout->*/2000);
    });
});

【问题讨论】:

    标签: jquery jquery-plugins cookies


    【解决方案1】:

    检查 cookie,如果不存在则显示弹出窗口。然后设置 cookie 的有效期为 15 天。

    $(function () {
        if($.cookie('nopopup') === null)
        {
            window.setTimeout(function () {
                $.colorbox({opacity: 0.3, href: 'popupQualify.aspx'});
            }, 2000);
        }
    
        $.cookie('nopopup', 'true', {expires: 15});
    });
    

    【讨论】:

      【解决方案2】:

      你可以使用这个功能:

      function getCookie(c_name){
                  var i,x,y,ARRcookies=document.cookie.split(';');
                  for (i=0;i<ARRcookies.length;i++)
                    {
                    x=ARRcookies[i].substr(0,ARRcookies[i].indexOf('='));
                    y=ARRcookies[i].substr(ARRcookies[i].indexOf('=')+1);
                    x=x.replace(/^\s+|\s+$/g,'');
                    if (x==c_name)
                      {
                      return unescape(y);
                      }
                    }
              };
              function setCookie(c_name,value,exdays){
                  var exdate=new Date();
                  exdate.setDate(exdate.getDate() + exdays);
                  var c_value=escape(value) + ((exdays==null) ? '' : '; expires='+exdate.toUTCString());
                  document.cookie=c_name + '=' + c_value;
              };
      

      【讨论】:

      • 这并不能回答问题,它只是提供了设置/获取 cookie 的第二种方法。
      • 感谢 Majid,但我想知道的是如何设置 jquery.cookie 以仅在您是新访问者或在 15 岁之后返回我的网站时才激活弹出消息天或更长时间
      • exdays : 过期日期,设置为 15 天!
      • @MajidShahmohammadi 我认为您不理解。 OP 已经有一个 cookie 库——一个用于设置和获取 cookie 的 API——记住。他想知道如何使用 it 来完成他的问题中详述的目的。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-07-28
      • 2013-03-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-12-05
      • 1970-01-01
      相关资源
      最近更新 更多