Question

我这里有一个正常工作的代码，它会在每个页面加载的div列表中随机添加 kvDisplay 类。以下代码仅适用于3个div。

var classes = ["kvDisplay", " ", " "];
classes.sort(function(){ return Math.random() - .5 });

$("#keyvisual .kvWrapper").each(function(){
    $(this).addClass(classes.pop());
});

fopen()

不是随机添加类，而是如何按特定顺序更改它？

实施例。类 kvDisplay 将在第一个页面加载时添加到#keyvisual的第一个子div中，然后在下次重新加载时将其添加到第二个子项，依此类推。如果kvDisplay类在第三个/最后一个子节点上，则该类将在重新加载后返回到第一个子节点。

Answer 1

因此，您可以使用https://github.com/carhartl/jquery-cookie插件将cookie与jquery一起使用。

此代码将帮助您实现它：

if ($.cookie("classes")) { 
    var classes = JSON.parse($.cookie('classes'));
} else {
    var classes = ["kvDisplay1", "kvDisplay2", "kvDisplay3"];
}
console.log(classes);
$(document).ready(function () {
    var i = 0;
    $("#keyvisual .kvWrapper").each(function(){
      $(this).addClass(classes[i]);
      console.log(classes[i]);
      i++;
    });
    var a = classes[0];
    classes.shift();
    classes.push(a);
    $.cookie("classes", JSON.stringify(classes));
});

每次重新加载时都会旋转div元素类

1 个答案: