寻找具有 1 天 Cookie 过期时间的 ColorBox 的工作示例答案

【问题标题】：Looking For Working Example of ColorBox with 1 day Cookie Expire寻找具有 1 天 Cookie 过期时间的 ColorBox 的工作示例
【发布时间】：2013-01-11 22:12:56
【问题描述】：

使用 ColorBox jQuery Lightbox，我几乎可以做到这一点，但它只适用于 I.E.而不是 FireFox...有什么想法我可以修复以使其在 Firefox 和其他 Mozilla 浏览器中工作？

    <!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset=utf-8 />
    <title>Working ColorBox Example Using Cookie</title>
    <style type="text/css">
        body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
        a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
        h2{font-size:13px; margin:15px 0 0 0;}
    </style>
    <link media="screen" rel="stylesheet" href="colorbox.css" />
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
<script src="../colorbox/jquery.colorbox.js"></script>
</head>
<body>
      <script>
$(document).ready(function(){
    if (document.cookie.indexOf('visited=true') === -1) {
        var expires = new Date();
        expires.setDate(expires.getDate()+1); // +1 = in 1 day
        document.cookie = "visited=true; expires="+expires.toUTCString();

        // replace this with your actual call to colorbox.
        $.colorbox({html:"welcome!"});
    }
});
    </script>
Back Page
</body>
</html>

【问题讨论】：

标签： jquery cookies colorbox

【解决方案1】：

用于创建 cookie 的本机代码非常简单，所以我认为我不会使用插件来设置/读取单个 cookie。颜色框常见问题解答上有一个条目：http://www.jacklmoore.com/colorbox/faq#faq-cookie

对你来说，它看起来像这样：

$(document).ready(function(){
    if (document.cookie.indexOf('visited=true') === -1) {
        var expires = new Date();
        expires.setDate(expires.getDate()+1); // +1 = in 1 day
        document.cookie = "visited=true; expires="+expires.toUTCString();

        // replace this with your actual call to colorbox.
        $.colorbox({html:"Welcome!"});
    }
});

【讨论】：

嘿，这几乎可以工作，但它只适用于 I.E。而不是 Firefox Mozilla ...任何想法我可以改变以使其在 Firefox 中工作？我已经修改了上面的原始帖子，添加了你的 cookie。
或者...也许我们需要创建一个不会导致 FireFox 问题的命名 Cookie？这样做的最佳方法是什么？
那里没有任何与 FireFox 不兼容的东西。我建议清除您的 cookie 以确保不是问题所在，然后检查您的开发人员控制台 (firebug) 以查看是否有其他原因导致错误。
是的，在 FireFox(Firebug) 中测试...没有看到任何初始问题。我还成功清除了所有 Cookie，运行上述 html 文件，cookie 过期 1 天，结果如下: 1) 即: 工作成功。清除 Cookie 允许测试。 2）FireFox：工作一次，即使在清除 cookie 后也不能再次工作......检查 FireFox（调试）没有发现错误 3）谷歌浏览器：Cookie 在 1 天后永不过期......它只是不断出现。 4）Safari：成功运行。清除 Cookie 允许测试。
到目前为止仍然无法工作...几乎尝试了一切...即使调试 cookie 也没有显示任何错误。即使在我清除 cookie 并刷新浏览器之后，问题似乎也无法在 Fireworks 中工作。任何帮助将不胜感激......我仍然相信这个颜色框模式......但似乎无法解决这个问题。急切地等待任何人的解决方案。另外，其他人可以对此进行测试以查看他们是否遇到相同的问题吗？同样，适用于 I.E.但不是 FireFox。