关于 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'); //关键代码,
}
关于 jquery cookie的用法的更多相关文章
- jquery.cookie.js 用法
jquery.cookie.js 用法 一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 j ...
- jquery cookie的用法
http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526663.html jQuery cookie是个很好的cookie插件,大概的使 ...
- jQuery.Cookie.js用法
jQuery.Cookie.js:一个轻量级的cookie插件,可以读取.写入.删除cookie. 一.使用方法 引入jQuery与jQuery.Cookie.js插件 <script src= ...
- [转载]jquery cookie的用法
原文地址:http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526663.html jQuery cookie是个很好的cookie插件 ...
- jquery.cookie实战用法详细解析
Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是 ...
- jquery.cookie.js用法详解
创建一个会话cookie: $.cookie(‘cookieName’,'cookieValue’); 注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话 ...
- jquery.cookie用法详细解析
本篇文章主要是对jquery.cookie的用法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将 ...
- jquery cookie 用法
jquery cookie 用法 $.cookie("name","value","options") 当不设置options时,此coo ...
- jquery.cookie用法详细解析,封装的操作cookie的库有jquery.cookie.js
jquery.cookie用法详细解析 需要注意存入cookie前,对数据进行序列化, 得到后在反序列化: 熟练运用:JSON.stringify();和JSON.parse(): 通常分为如下几个步 ...
随机推荐
- bzoj1562
很明显是二分图匹配,关键是怎么求字典序最小 想到两种做法,首先是直接匹配,然后从第一位贪心调整 第二种是从最后一个倒着匹配,每次匹配都尽量选小的,这样一定能保证字典序最小 type node=reco ...
- UVa 10601 (Polya计数 等价类计数) Cubes
用6种颜色去染正方体的12条棱,但是每种颜色都都限制了使用次数. 要确定正方体的每一条棱,可以先选择6个面之一作为顶面,然后剩下的四个面选一个作为前面,共有24种. 所以正方体的置换群共有24个置换. ...
- LA 4636 (贪心) Cubist Artwok
题意: 一个由若干小正方体组成的图形,给出它的正视图和侧视图,求满足条件的最少小正方体的个数. 分析: 虽说是一道简单的贪心,可一直没有太好的思路. 又一次可耻地看了别人的题解. http://blo ...
- asp.net获取当前页面源码并生成静态页面
StringWriter stringWriter = new StringWriter(); HtmlTextWriter htmlWriter = new HtmlTextWriter(strin ...
- AI 行为树
by AKara 2010-12-09 @ http://blog.csdn.net/akara @ akarachen(at)gmail.com @weibo.com/akaras 谈到游戏AI,很 ...
- nginx - conf.d vs sites-available
自己理解: conf.d - 扩展配置文件,用户配置文件 sites-available - 配置 虚拟主机(nginx支持多个虚拟主机,sites-enabled(存放 软链接,指向sites-av ...
- Java [Leetcode 260]Single Number III
题目描述: Given an array of numbers nums, in which exactly two elements appear only once and all the oth ...
- python中的类和实例
今天花了两个多小时后搜索相关博客看了看python中有关类和实例的介绍,差不多大概明白了. python中的类和c++中的类是一样的,不同之处就是c++的类,如果含有成员变量,并且成员变量发生变化后, ...
- Squid 反向代理加速网站
本实例的域名是 wenjin.cache.ibm.com.cn,通过DNS的轮询 技术,将客户端的请求分发给其中一台 Squid 反向代理服务器处理,如果这台 Squid 缓存了用户的请求资源,则将请 ...
- 【打表】HDOJ-2089-不要62
[题目链接:HDOJ-2089] 多组测试数据,所以可以先算出符合条件的所有数保存数组中,输入时则直接遍历数组. #include<iostream> #include<cstrin ...