如何将类号添加到与cookie相同的div中

时间:2014-04-03 13:19:05

标签: javascript jquery html css cookies

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

谢谢,清酒

1 个答案:

答案 0 :(得分:0)

要添加课程,您应该使用类似这样的内容

$('.current').addClass($.cookie("currentDiv"));

但是我建议你添加带有一些名字的类,比如

$('.current').addClass("cookie"+$.cookie("currentDiv"));

具有不以数字开头的名称被视为标准&amp;应严格遵守,同时命名为functionvariableclassfile