我希望这件事有效,但我不知道如何。
如果设置了cookie并且cookie的值匹配,我想显示横幅。
实际上我可以读取cookie而不是值。如果cookie存在,则显示横幅 - 这一个已完成。但是如果cookie存在且值匹配,则应显示横幅。
这些是cookie信息:
这个应该与横幅展示相匹配:
姓名:myCookie 价值:a%3A2%3A%7Bs%3A17%3A%22bmbankloginBankId%22%3Bs%3A1%3A%221%22%3Bs%3A27%3A%22bmbankloginDisclaimer签名%22%3Bb%3A1%3B%7D 主持人:www.mydomain.de 路径:/ 到期日:2043年12月30日星期三23:26:25 GMT
具有其他值的相同cookie,最终不应显示横幅:
姓名:myCookie 价值:a%3A2%3A%7Bs%3A17%3A%22bmbankloginBankId%22%3Bs%3A2%3A%2229%22%3Bs%3A27%3A%22bmbankloginDisclaimer签名%22%3Bb%3A1%3B%7D 主持人:www.mydomain.de 路径:/ 到期日:周二,2043年12月31日08:57:36 GMT
这是我的剧本:
<div id="partner" class="position_helper_banner"><a href="http://www.google.de/" target="_blank" title="something"><img src="partner-banner-180x73.png" /></a></div>
<script type="text/javascript">
$(function(){
if($.cookie('myCookie')) {
$('#partner').show();
}
});
</script>
通过CSS将#partner设置为display:none。
jQuery插件包含:
/*!
* jQuery Cookie Plugin v1.3.1
* https://github.com/carhartl/jquery-cookie
*
* Copyright 2013 Klaus Hartl
* Released under the MIT license
*/
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as anonymous module.
define(['jquery'], factory);
} else {
// Browser globals.
factory(jQuery);
}
}(function ($) {
var pluses = /\+/g;
function decode(s) {
if (config.raw) {
return s;
}
return decodeURIComponent(s.replace(pluses, ' '));
}
function decodeAndParse(s) {
if (s.indexOf('"') === 0) {
// This is a quoted cookie as according to RFC2068, unescape...
s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
}
s = decode(s);
try {
return config.json ? JSON.parse(s) : s;
} catch(e) {}
}
var config = $.cookie = function (key, value, options) {
// Write
if (value !== undefined) {
options = $.extend({}, config.defaults, options);
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = config.json ? JSON.stringify(value) : String(value);
return (document.cookie = [
config.raw ? key : encodeURIComponent(key),
'=',
config.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Read
var cookies = document.cookie.split('; ');
var result = key ? undefined : {};
for (var i = 0, l = cookies.length; i < l; i++) {
var parts = cookies[i].split('=');
var name = decode(parts.shift());
var cookie = parts.join('=');
if (key && key === name) {
result = decodeAndParse(cookie);
break;
}
if (!key) {
result[name] = decodeAndParse(cookie);
}
}
return result;
};
config.defaults = {};
$.removeCookie = function (key, options) {
if ($.cookie(key) !== undefined) {
// Must not alter options, thus extending a fresh object...
$.cookie(key, '', $.extend({}, options, { expires: -1 }));
return true;
}
return false;
};
}));
那我该怎么办?
答案 0 :(得分:1)
第一次(或每当)加载页面时设置cookie:
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
在后续加载时抓住它的值(如果没有设置,它将是未定义的):
var cookieValue = $.cookie('the_cookie');
然后决定做什么:
var requiredValue = "whatever";
if(cookieValue === requiredValue){
$('#partner').show();
}
修改强>
这样的事情: $ .cookie.json = true;
var cookieValue = {
value1: "string",
value2: integer,
value3: {object}
}
$.cookie('my_cookie', cookieValue, { expires: 7, path: '/' });
var cookieValue = $.cookie('the_cookie'),
requiredValue = "whatever";
if(cookieValue[key] === requiredValue){
$('#partner').show();
}