使用 jquery cookie 在加载时运行一次花哨的盒子

running a fancybox on load ONCE with jquery cookie

本文关键字：一次 盒子 cookie jquery 加载 运行 使用      更新时间：2023-09-26

我正在尝试为每个访问者在页面加载时运行一次花哨的框，使用 cookie 插件进行跟踪。我一定是运行了一些乱序的东西，或者只是初始化不正确。如果我在没有 cookie 的情况下运行此代码，它就可以了。

这是我最近的代码不起作用：

$(function(){
    if ($.cookie('visited') != 'yes'){
            $.fancybox({        
    fitToView   : true,
    width       : '581px',
    height      : '402px',
    autoSize    : true,
    closeClick  : true,
    openEffect  : 'none',
    closeEffect : 'none',
    padding     : 0,
    closeBtn: false,
    href: 'images/navigation.jpg'
    });
        jQuery.cookie('visited', 'yes', {expires: 1, path:'/'}); 
}
});

在 http://defyordie.com/testbed/的示例页面上，您正在不按顺序加载脚本。 

<script type="text/javascript" src="scripts/jquery.cookie.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

在加载 jquery.cookie 插件之前，您需要加载 jQuery。

反转脚本的顺序应该就足够了。

尝试以下代码

if (!(!!$.cookie('visited'))){
    ....
    $.cookie('visited', 'yes', {expires: 1, path:'/'}); 
}

希望这对您的问题有所帮助。

相关文章：