jquery - Rotate class of div elements every reload -


i have working code right here randomly adds kvdisplay class on list of divs every page load. code below particularly 3 divs only.

var classes = ["kvdisplay", " ", " "]; classes.sort(function(){ return math.random() - .5 });  $("#keyvisual .kvwrapper").each(function(){     $(this).addclass(classes.pop()); }); 

https://jsfiddle.net/m71xc5ty/

instead of adding class randomly, how change in specific order?

ex. class kvdisplay added first child div of #keyvisual on first pageload, added second child on next reload, , on. if kvdisplay class on third/last child, class go first child after reload.

so can use https://github.com/carhartl/jquery-cookie plugin use cookies jquery.

this code achieve it:

if ($.cookie("classes")) {      var classes = json.parse($.cookie('classes')); } else {     var classes = ["kvdisplay1", "kvdisplay2", "kvdisplay3"]; } console.log(classes); $(document).ready(function () {     var = 0;     $("#keyvisual .kvwrapper").each(function(){       $(this).addclass(classes[i]);       console.log(classes[i]);       i++;     });     var = classes[0];     classes.shift();     classes.push(a);     $.cookie("classes", json.stringify(classes)); });  

Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -