关于 jquery cookie的用法

东钿微信公众平台新版上线 需要一个引导用户操作步骤。设置一个cookie师傅偶第一次访问此页面 。如果是则跳出用户引导,如果不是,正常显示。

一开始在百度了一段jquery cookie插件,也没仔细看,直接拿过来用,在pc端测试时好时坏,手机端也是,没那么在意。但是上级领导要求一定要修此bug,于是乎,看了一下这个cookie插件 ,插件里面是通过判断url。然后微信里面的url经常变迁万化,所以时好时坏。

接下来百度了几天,群里也问了许久没一人回答。好多人听不到我要cookie干嘛 。可能是我需求没说清楚。所以没人理我。但是我自己思路一直是清楚的,就是不知道怎么代码。最后还是在领导的指引下,使用jquery 官方自带的cookie库。在页面上写了个cookie,代码如下

//设置cookie 如果用户第一次进入页面就显示引导用户步骤

//var strCookie=document.cookie;
//判断浏览器是否有叫‘the_cookie’值为visited的cookie,没有则执行if里面的语句,第一次用户进入当然是没有,所以可以执行,执行完引导步骤,再通过设置‘the_cookie’的值为visited。所以当用户第二次进入页面的时候,the_cookie就等于visited了,就不会执行if里面的语句。测试了,可以执行。试过种种方法都有bug。就这个可以,所以东西还是官方的好。

if($.cookie(‘the_cookie‘)!=‘visited‘){ //关键代码,
$(".stepbox").show("slow",function(){
$("html,body").css("overflow","hidden");
});

$(".stepbox .step1").click(function(){

$(this).hide();
$(".stepbox").css("z-index",97);
$(".step2").show();
})

$(".stepbox .step2").click(function(){
$(this).hide();
$(".stepbox").css("z-index",97);
$(".step3").show();
});

$(".stepbox .step3").click(function(){

$(this).parents(".stepbox").hide("slow",function(){});
$("html,body").css("overflow","auto");
});

$.cookie(‘the_cookie‘, ‘visited‘); //关键代码,
}

时间: 2024-10-22 09:14:39

关于 jquery cookie的用法的相关文章

jquery.cookie.js用法

jQuery.cookie = function(d, c, a) { if ("undefined" != typeof c) { a = a || {}; null === c && (c = "", a = $.extend({}, a), a.expires = -1); a.expires || (a.expires = 1); var b = ""; if (a.expires && ("nu

jquery cookie的用法

jQuery cookie是个很好的cookie插件,大概的使用方法如下example $.cookie(’name’, ‘value’);设置cookie的值,把name变量的值设为valueexample $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});新建一个cookie 包括有效期 路径 域名等example $.cookie(’name’, ‘value’);新

jQuery.cookie插件用法自我总结

用的jQuery.cookie -----一个封装好了cookie的插件.(基于jQuery) 我这只需要调用. $.cookie("c_name", c_value,{expires:7}); //可通过alert($.cookie("c_name"));得到你要存储的内容,这样测试cookie是否存储: c_name:要创建的cookie的名字: c_value:值或者说要存储的内容: expires:7存储日期: $.cookie("c_name&q

jquery.cookie实战用法详细解析

Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie). 例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入这些信息? 怎么在js/jquery中操作处理cookie那?今天分享一个cookie操作类--jQ

jquery.cookie.js 用法

一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件. <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="

jquery cookie 用法

jquery cookie 用法 $.cookie("name","value","options")  当不设置options时,此cookie为临时会话cookie,当创建cookie的页面关闭时,此cookie也随即消失  Options参数说明 Options:{ expires:cookie保存天数 path:cookie保存路径,如果不设,此cookie只能有其创建的页面访问 设成'/'时.所有页面均能访问 domain:cookie

定义8:jquery.cookie用法详细解析

一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件. <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="

jquery.cookie用法及其注意点

jquery.cookie是一个轻量级的cookie插件,由于已被封装好,可拿来即用. 基本的创建.读取.删除见另一篇文章 浅谈localStorage.sessionStorage 与cookie . 从名字上就可以看出jquery.cookie是依赖于jquery的,所以在使用jquery.cookie的时候,应该先引入jquery文件,再引入jquery.cookie文件. 创建cookie:   $.cookie('name', '张三') 然后访问的时候使用$.cookie('name

jquery.cookie() 方法的使用(读取、写入、删除)

jquery.cookie() 方法:一个轻量级的cookie 插件,可以读取.写入.删除 cookie,下面有个不错的数量,大家可以学习下 一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件. <script type="text/javascript" src="js/jquery-1.6.2.min.js"&g