我正在使用 WOW Slider(免费版本)中的脚本,如下所示:
var slideIndex = 0;
function showSlides() {
var i;
slides = document.getElementsByClassName("mySlides");
dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 3000); // Change image every 2 seconds
}
showSlides();
它似乎工作正常,但是当我在页面上进行 SEO 检查时,它说该行存在 Javascript 错误:
slides[slideIndex-1].style.display = "block";
具体消息是:
"Uncaught TypeError: Cannot read property 'style' of undefined".
这似乎是说 slides
未定义,但它似乎是在变量声明中定义的。
我是 Javascript 的初学者,因此非常感谢任何有关这方面的帮助。提前致谢。
最佳答案
如果有人感兴趣,我已经通过注释掉两行代码解决了这个问题。首先我把有问题的线拿出来!当我检查所有样式表等时,没有标识为“MySlides”的类,所以我认为这就是生成错误消息的原因。在我取出该行后,错误消息然后引用下一行,我也取出了下一行,然后,没有生成任何错误,幻灯片放映在各个方面仍然完美地工作!所以,也许这是原始程序员不小心留下的两行冗余代码!我必须承认我看不到它是如何工作的,但它确实如此!
关于javascript - 幻灯片放映 JavaScript 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46516529/