2011-04-28 48 views
1

这是什么是用来加载fancybox的页面加载。但是,我希望这会在3天前访问该页面的新访问者或访问者身上出现。在我的fancybox上设置一个jQuery cookie onpage负载

我想用一个jQuery cookie但我不知道如何。

jQuery(document).ready(function() { 
    $.fancybox(
     '<h2>Hi!</h2><p>Lorem ipsum dolor</p>', 
     { 
       'autoDimensions' : false, 
      'width'     : 350, 
      'height'    : 'auto', 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none' 
     } 
    ); 
}); 
+0

可能的重复http://stackoverflow.com/questions/95213/can-jquery-read-write-cookies-to-a-browser – 2011-04-28 21:10:00

回答

0

在你<head>添加<script src="jquery.cookie.js"></script>,则:

$(function() { 
    if ($.cookie('mycookie')) { 
     // it hasn't been three days yet 
    } else { 
     $.fancybox(
      '<h2>Hi!</h2><p>Lorem ipsum dolor</p>', 
      { 
       'autoDimensions' : false, 
       'width'    : 350, 
       'height'   : 'auto', 
       'transitionIn'  : 'none', 
       'transitionOut'  : 'none' 
      } 
     ); 
    } 
}); 

// set cookie to expire in 3 days 
$.cookie('mycookie', 'true', { expires: 3}); 

它使用cookie插件。

+0

mycookie是cookie的名称吧?如果我访问有mycookie的页面,然后更改它的名称会再次出现? – EnexoOnoma 2011-04-28 21:40:08

+0

是的,mycookie是cookie的名称。如果您更改名称,它将创建一个新的cookie。 – 2011-04-28 22:29:07

+0

你可以请更新我的代码吗?我有一些困难。不过谢谢你,我已经接受你的答案! – EnexoOnoma 2011-04-28 22:34:20

0

我已阅读此内容,并试图将此内容合并到我的网站,但它不起作用。

在我的 'theme.liquid'

在'

我有这样的:

<script src="jquery.cookie.js"></script>

在我的 'jquery.cookies.js'

我有:

$(function() { 
    if ($.cookie('mycookie')) { 

    } else { 
     $.fancybox(
      '<script src="//setup.shopapps.io/social-login/script/snookieshop.js?width=300&height=330"></script>' 
, 
      { 
       'autoDimensions' : true, 
       'width'    : 350, 
       'height'   : 'auto', 
       'transitionIn'  : 'none', 
       'transitionOut'  : 'none' 
      } 
     ); 
    } 
}); 

$.cookie('mycookie', 'true', { expires: 1}); 

我之所以使用此脚本是因为我使用的是Shopify的应用程序,这是他们向我提供社交媒体注册的代码行。

<script src="//setup.shopapps.io/social-login/script/snookieshop.js?width=300&height=330"></script>

这样做的目的,是因为我想只要顾客来和参观弹出屏幕在主页上出现。