Question

使用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>

Answer 1

用于创建cookie的本机代码非常简单，因此我认为我不会使用插件来设置/读取单个cookie。 colorbox FAQ上有一个条目：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!"});
    }
});

寻找ColorBox的工作示例与1天Cookie过期

1 个答案: