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
Post a Comment