javascript - 更改背景图像脚本的错误日志，Google Chrome

Question

我无法让我的背景更改脚本在 Google Chrome 中运行。我正在开发一个自定义 WordPress 主题，我使用了以下 jQuery，除了添加我的第一个类之外，它似乎没有做任何事情。当我检查元素并查看源代码时，它会抛出错误“未捕获”类型错误:无法读取未定义的属性“切片”，旁边有一个红色的小数字不断上升。显然它正在运行代码，这就是红色数字每两秒不断上升的原因。有什么想法为什么这不起作用吗？

jQuery(document).ready(function() {
jQuery(".background").addClass("foo image-1 bar");

setInterval(function() {
  jQuery("body").toggleClass(function(index, className) {
    var s = className.split("image-")[1];
     var n = s.slice(0, 1);
    return "image-" + n + " image-" + (n > 3 ? 1 : ++n);
  });
}, 2000); });

此外，这段代码在 JSFiddle 中运行良好。所以我知道代码很好。

Answer 1

您将 foo image-1 bar 类添加到带有 .background 的元素中，然后在 body 上执行 toggleClass 。您应该更改其中之一以匹配。现在，它失败了，因为 body

上没有类

这是一个工作 fiddle :https://jsfiddle.net/zhft5958/1/