gpt4 book ai didi

jquery - 使用 jQuery cookie 显示/隐藏

转载 作者:行者123 更新时间:2023-12-01 05:06:44 26 4
gpt4 key购买 nike

因此,我创建了一个简单的提示框,该提示框会在页面加载时淡出,并提供关闭该框的选项。如果访问者单击关闭链接,我会尝试隐藏该框。我对 cookie 还很陌生,所以我可能做错了,但这就是我所拥有的:

    $('#close').click(function(e) {
jQuery.cookie('tip', 'hide', cookieOpts);
$(this).parent('div.tip').fadeOut(1000);
e.preventDefault();
});

jQuery.cookie('tip', 'show', cookieOpts);

$('.tip').delay(500).fadeIn(1000);

var shouldShow = jQuery.cookie('tip') == 'show';
var cookieOpts = {expires: 7, path: '/'};

if( shouldShow ) {
$('.tip').delay(500).fadeIn(1000);
}
else {
$('.tip').css('display', 'none');
}

最佳答案

我修改了代码:

http://jsbin.com/ujixi4/4/edit

稍微简单一点,希望能达到你想要的。

var cookieOpts = {expires: 7, path: '/'};  //this isnt working for some reason
alert('c: '+$.cookie('tip')); //debug code

if( $.cookie('tip') == 'hide'){
//do nothing
}else{
$('.tip').delay(500).fadeIn(1000);
//$.cookie('tip', 'hide', {expires: 7, path: '/'}); // Add this if you want the cookie to disappear on reload (even if they don't click)
}

$('#close').click(function(e) {
$.cookie('tip', 'hide', {expires: 7, path: '/'});
$('.tip').hide();
});

这是一个使用 cookie 的类似 awnser: jquery change font-size based on cookie?

http://jsbin.com/ufetu5/2/edit

关于jquery - 使用 jQuery cookie 显示/隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5035978/

26 4 0
文章推荐: jquery - 在 jQuery 中,用 $ ('
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com