jquery cookie 问题

Posted 2023-04-16

<span class="on">111</span>
<span>222</span>
<span>333</span>
点击哪个span时就给哪个span加个class,刷新页面class在最后点击那个span上
jq cookie插件引用好了, jq 怎么写

参考技术A <script type="javascript/text">
$(documetn)(function()
if($.cookie("span"))

var $index=$.cookie("span");<!--从cookie里取最后单击的span-->
$("span").removeClass("on").eq($index).addClass("on");


$("span").click(function()
var $index=$(this).index();
$.cookie("span",$index);
$(this).addClass("on").siblings("span").removeClass("on");
);
);
</script> 参考技术B <script type="javascript/text">
$(function()
if($.cookie("span"))


var $index=$.cookie("span");

$("span").removeClass("on").eq($index).addClass("on");



$("span").click(function()
var $index=$(this).index();
$.cookie("span",$index);

$(this).addClass("on").siblings("span").removeClass("on");

);
);
</script>本回答被提问者采纳

将 Cookie 添加到简单的 jQuery 函数 [重复]

【中文标题】将 Cookie 添加到简单的 jQuery 函数 [重复]

【英文标题】：Adding Cookie To Simple jQuery Function [duplicate]

【发布时间】：2012-10-30 09:21:51

【问题描述】：

可能重复：How to set/unset cookie with jQuery?

所以我有这个非常简单的jQuery函数...... 我的问题是，当 DIV 隐藏（即淡出）时，如何添加 cookie？我希望 cookie 在浏览器或窗口关闭之前一直处于活动状态。

简而言之，当“访问者”单击 DIV 上的指定 X（即 .updateCloseBTN 类）时，它将隐藏 DIV。但如果用户刷新或重新访问页面，DIV 将再次显示。如果用户通过下面的函数关闭了 DIV，则无论用户刷新还是重新访问页面，都不应再次加载它。但是，如果用户关闭浏览器窗口或浏览器本身并返回站点，它将出现...

// Update Prompt: Hide on 'X' click 
$('.updateCloseBTN').click(function () 
    $('.upgradeWrap').fadeOut(400);
);

【问题讨论】：

已编辑原帖@VIDesignz

你需要这样的插件 :) github.com/carhartl/jquery-cookie

【参考方案1】：

首先，你需要一个这样的插件 :) https://github.com/carhartl/jquery-cookie

一旦你得到插件......

创建你的 cookie 函数

function setsomecookie()
     $.cookie('the_cookie', 'the_value',  expires: 365 );

为fadeOut() 动画使用回调。

$('.updateCloseBTN').click(function () 
    $('.upgradeWrap').fadeOut(400, setsomecookie);
);

这将在fadeOut() 完成后运行“setsomecookie”函数:)

【讨论】：

那么我在// Stuff, stuff & more stuff中输入了什么？

问题是我不太确定如何创建 cookie。这就是我卡住的地方。功能安排我能做到。 :)

@MikeBarwick 你需要这样的插件 :) github.com/carhartl/jquery-cookie

@MikeBarwick 看看这篇文章，一旦你得到插件，它会帮助你:) ***.com/questions/1458724/…

干杯人！把你的 cmets 作为答案，我会“检查”你 ;)