Cookie:
$(document).ready(function(){
//hide all divs just for the purpose of this example,
//you should have the divs hidden with your css
//$('.picture.1').hide();
//check if the cookie is already setted
if ($.cookie("currentDiv")===undefined){
$.cookie("currentDiv",1);
} else{ //else..well
//get and increment value, let's suppose we have just 8 divs
var numValue = parseInt($.cookie("currentDiv"));
numValue = numValue + 1;
if (numValue>8){
//restart to 1
$.cookie("currentDiv",1);
}
else{ //no issues, assign the incremented value
$.cookie("currentDiv",numValue.toString());
}
//show the div
$('.picture.'+$.cookie("currentDiv")).show();
$('.current'+$.addClass(.cookie("currentDiv")); <--
}
});
股利:
<div class="current"></div>
然后我将样式设置为1到8,因此如果它是“当前1”,则显示数字1 cookie的工作原理:如果尚未设置cookie,则设置一个cookie并将其称为“currentDiv”,并为其提供1到8之间的数字,如果访问量大于8,则刷新cookie。 但是如何使用此cookie / jquery将该类添加到div中 它需要添加一个类,因为它会阻止浏览器数据,我有一个svg,数字从0到9
谢谢,清酒
答案 0 :(得分:0)
要添加课程,您应该使用类似这样的内容
$('.current').addClass($.cookie("currentDiv"));
但是我建议你添加带有一些名字的类,比如
$('.current').addClass("cookie"+$.cookie("currentDiv"));
具有不以数字开头的名称被视为标准&amp;应严格遵守,同时命名为function
,variable
,class
或file
。