使用cookie仅在第一页加载时加载彩盒

我已尝试从Web上的参考代码在页面加载时仅加载一次特定元素

这是示例代码

 $(document).ready(function(){ $.colorbox({width:"40%", height:"63%", inline:true, href:"#subscribe"}); });   $(document).ready(function(){ if (document.cookie.indexOf('visited=true') === -1) { var expires = new Date(); expires.setDate(expires.getDate() 31); document.cookie = "visited=true; expires=" expires.toUTCString(); }  

有人可以指导我，这个代码有什么问题

这是我正在编辑的html页面

       body{font:12px/1.2 Verdana, Arial, san-serrif; 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;}   </script&gt ;   $(document).ready(function(){ $.colorbox({width:"30%", inline:true, href:"#subscribe"}); });   jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var expires = new Date(); expires.setDate(expires.getDate() 31); document.cookie = "visited=true; expires=" expires.toUTCString(); }   .example8 { display:none; }    
Demonstration 

* /这是div id =订阅信息去* /

Answer 1

你的cookie集是……有点可怕的破坏（例如，这个：“expires.setDate（expires.getDate（）31）;”并不意味着什么。你在getDate之间没有运算符（加号）你似乎也有一个换行符，这会破坏一切。

可能更重要的是，你需要在程序流程中实际调用colorbox，否则，你每次都只是调用它。

如果您转储其他脚本（立即启动colorbox的脚本），并且如果您在页面上实际拥有ID为subscribe的div，则以下内容适用于您：

 jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*15; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"30%", inline:true, href:"#subscribe"}); } }); 

这是一个小提琴 。