FancyBox没有显示一次 - 使用cookie

时间:2014-03-17 07:48:05

标签: javascript jquery cookies fancybox

所以我试图找到一个答案,但似乎无法使这一点正确。 在这个问题的答案之后,我已经将代码更改为模型(几乎完全正确): 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部分

0 个答案:

没有答案