Fancybox 仅自动加载一次

发布于 2024-11-02 16:55:46 字数 440 浏览 0 评论 0原文

我在主页中自动加载 Fancybox 弹出窗口，但每次用户访问该页面时它都会打开。我想让弹出窗口仅在用户第一次访问主页时打开，此后不再打开。

我读到，当用户登陆主页、第一个弹出窗口打开后，我可以使用 jQuery cookie 插件编写 cookie。这将连接到 cookie，以便在 cookie 存在时不再打开它？这种做法正确吗？

我的弹出窗口如下所示：

$("a#popup").fancybox({
        'overlayOpacity':   0.5, 
        'overlayColor': '#0a1539',                      
    }).trigger('click');

我应该添加什么来使用 jQuery cookie 插件，编写一个 cookie 并将其连接到弹出窗口？

多谢。

原文

I am AutoLoading a Fancybox popup in my homepage but it opens every time a user visits the page. I would like to make the popup open only the first time a user visits homepage and then never after that.

I read I could use the jQuery cookie plugin to write a cookie when user lands to the homepage, after the first popup open. This would be wired to the cookie in order to not open it again if the cookie exists? Is this approach correct?

My popup looks like this:

$("a#popup").fancybox({
        'overlayOpacity':   0.5, 
        'overlayColor': '#0a1539',                      
    }).trigger('click');

What should I add to use the jQuery cookie plugin, write one cookie and wire it to the popup?

Thanks a lot.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

故人爱我别走 2024-11-09 16:55:46

请按照以下步骤操作：

检查 cookie 是否存在。
如果不存在，则创建一个 cookie 并为其赋予一些值。
在同一个块中触发您的 fancybox 代码。

这将防止您每次都触发 fancybox。

注意：如果您需要代码，请告诉我。不过这很简单。

编辑：

下载 jQuery cookie 插件。

使用以下代码：

$(文档).ready(function(){
var check_cookie = $.cookie('the_cookie');
   如果（check_cookie == null）{
    $.cookie('the_cookie', 'the_value');
    //在这里点燃你的花哨盒子
   }
});

Follow the steps below:

Check if cookie exists.
If it does not exist, create a cookie and give it some value.
In the same block fire your fancybox code.

This will prevent you from firing the fancybox each time.

Note: Let me know if you need the code. It is pretty simple though.

Edit:

Download the jQuery cookie plugin.

Use following code:

$(document).ready(function(){
var check_cookie = $.cookie('the_cookie');
   if(check_cookie == null){
    $.cookie('the_cookie', 'the_value');
    //fire your fancybox here
   }
});

回复收藏 0 原文

~没有更多了~