所以我试图找到一个答案,但似乎无法使这一点正确。 在这个问题的答案之后,我已经将代码更改为模型(几乎完全正确): Delay pop-up for 10 seconds, only pop up once
当我在本地测试时,如果我将cookie值更改为数字(例如:1)而不是字符串(例如:'是'),但是在将网站放在网上之后,我可以使用它,花哨的盒子永远不会出现使用任何一种方法。尝试清除cookie并清空缓存。
这是弹出窗口的代码:
<!--This is for a one time popup-->
<!-- Add jQuery library -->
<script type="text/javascript" src="fancybox/lib/jquery-1.10.1.min.js"></script>
<!-- Add fancyBox main JS file -->
<script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
<!--Add fancybox CSS file -->
<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
<!-- Add jQuery cookie library -->
<script src="cookie/jquery.cookie.js"></script>
<script type="text/javascript">
function openFancybox(){
$('.fancybox').fancybox().trigger('click');
}
$(document).ready(function(){
var visited = $.cookie('visited');
if (visited == 'yes') {
return false;
}
else {
openFancybox();
}
$.cookie('visited', 'yes' , { expires: 2 });
$('.fancybox').fancybox();
});
</script>
<!--End of popup code-->
在我的html身上,我有:
<a class="fancybox" href="#inline1" title="Next Generation City"></a>
和
<div id="inline1" style="width:400px;display:none;">
<h3>About website.com </h3>
<p>
Here's my text for popup
</p>
</div>
我不习惯使用cookies和精美的盒子,所以我有点失落。非常感谢您对此问题的任何帮助。
编辑:另外,我在网站的另一页上有一个精美的框可以正确显示,所以我很确定问题是关于cookie部分