页面上的 jQuery cookie 加载 fancybox 弹出窗口

发布于 2024-11-28 04:43:17 字数 294 浏览 0 评论 0 原文

我在 jQuery 中使用 fancybox 弹出窗口，

如何让用户每次进入我的网站时都出现该弹出窗口？最好每个会话显示一次......

示例

这是我如何实现/设置 cookie http://www.sohtanaka.com/web-design/examples/modal-window/index2.htm

原文

分享到QQ

分享到微博

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

发布评论

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

浅紫色的梦幻 2024-12-05 04:43:17

在 fancybox 打开后使用以下命令创建 cookie：

'onComplete' : function() {
        // set cookie
    }

但在打开 fancybox 之前始终检查 cookie 是否存在。不要设置“过期”值，这将强制在会话结束时删除 cookie。

编辑：

只需扩展您发布的代码：

$(document).ready(function(){

    var check_cookie = $.cookie('the_cookie');

    if(check_cookie == null){

        $.fancybox('<h2>Some content</h2>', {
            'onComplete' : function() {
                    $.cookie('the_cookie', 'the_value');
            }
        });
    }
});

如果页面加载并且脚本找不到 cookie，则 fancybox 会打开。如果页面加载并且 cookie 存在，则精美的框不会打开。

这里有一些关于页面加载时打开 fancybox 的更多信息。

Create a cookie once the fancybox opens using:

'onComplete' : function() {
        // set cookie
    }

but always check for the existence of the cookie when before opening the fancybox. Do not set an 'expire' value and this will force the cookie to be deleted when the session ends.

Edit:

Just extending the code you have posted:

$(document).ready(function(){

    var check_cookie = $.cookie('the_cookie');

    if(check_cookie == null){

        $.fancybox('<h2>Some content</h2>', {
            'onComplete' : function() {
                    $.cookie('the_cookie', 'the_value');
            }
        });
    }
});

If the page loads and the script can't find the cookie, the fancybox opens. If the page loads and cookie exists, the fancy box doesn't open.

There is some further info about opening fancybox when the page loads here.

回复收藏 0 原文

浅暮の光 2024-12-05 04:43:17

您需要使用 cookie 插件才能正常工作 - https://github.com/carhartl/jquery-cookie

然后使用 Digbyswift 发布的代码...效果很好！

$(document).ready(function(){

    var check_cookie = $.cookie('the_cookie');

    if(check_cookie == null){

        $.fancybox('<h2>Some content</h2>', {
            'onComplete' : function() {
                    $.cookie('the_cookie', 'the_value');
            }
        });
    }
});

You need to use the cookie plugin for this to work - https://github.com/carhartl/jquery-cookie

Then use the code Digbyswift posted... Works great!

$(document).ready(function(){

    var check_cookie = $.cookie('the_cookie');

    if(check_cookie == null){

        $.fancybox('<h2>Some content</h2>', {
            'onComplete' : function() {
                    $.cookie('the_cookie', 'the_value');
            }
        });
    }
});

回复收藏 0 原文

~没有更多了~