Question

我有一个关于我正在为作业建立幻灯片的问题。我的调试技巧并不是最好的，因为我是HTML和JS的新手。我的问题来自于从我的幻灯片JS中的一行中获取typeError。问题在于此块：

var slideIndex = 0;
showSlides();

function showSlides() {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slideIndex++;
  if (slideIndex > slides.length) {
    slideIndex = 1
  }
  slides[slideIndex - 1].style.display = "block";
  setTimeout(showSlides, 4000);
}

我的HTML是：

    <img class="mySlides" src="http://www.kitchenaid.com/images/global/masthead-major-appliances.jpg">
<img class="mySlides" src="http://www.depotkitchen.com/wp-content/uploads/2015/05/kitchen-aid-appliances-1.jpg">
<img class="mySlides" src="http://washburns.com/media/k2/galleries/11/stainlesssteelkitchen2.jpg">
<img class="mySlides" src="https://www.appliancedepot.com/media/R37672.jpg">

问题在于行slides[slideIndex-1].style.display = "block";我收到错误：

TypeError：slide [{slideIndex-1）]未定义。

有谁知道这个解决方案？谢谢你的帮助！

以下是调试页面上错误的屏幕截图：

Debugging page and error show cased

Answer 1

我遇到了同样的问题。我发现＆lt; span＆gt;标签用＆＃34; dot＆＃34;课程已删除，因此我添加了＆amp; nbsp;介于＆lt; span＆gt;＆lt; / span＆gt;之间标签和我的问题解决了。

Answer 2

我有同样的问题。在滑块和问题解决后加载js文件。

TypeError：slide [（slideIndex - 1）]未定义

2 个答案: