Question

我使用Javascript和JQuery创建了一个简单的图像滑块，代码在本地和在线的safari中运行良好，但在Chrome中它没有运行。 Chrome也没有在控制台中出现任何错误，因此我发现很难找到确切的问题。我意识到已经读过这个问题，我应该让我的脚本反过来，所以slider.js首先是Ajax，但是当我这样做时，脚本因此无法在Safari或Chrome中加载图像。欢呼声。

我有以下HTML代码：

<body>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <div id="slider"></div>
  <script src="slider.js" type="text/javascript"></script>
</body>

和JS

slideShow();
var imgArray = [
    'Images/image1.jpg',
    'Images/image2.jpg',
    'Images/image3.jpg',
    'Images/image4.jpg',
    'Images/image5.jpg',
    'Images/image6.jpg',
    'Images/image7.jpg',
    'Images/image8.jpg'
  ],
curIndex = 0;
imgDuration = 5000;

function slideShow() {
$("#slider")
  .fadeOut('slow', function() {
      var img = $("<img />")
          .attr('src', imgArray[curIndex])
          .on('load', function() {
              $("#slider")
                  .html(img)
                  .fadeIn('normal', function() {
                      curIndex++;
                      if (curIndex == imgArray.length) {
                          curIndex = 0;
                      }
                      setTimeout(slideShow, imgDuration);
                  });
          });
  });
}

Answer 1

你可能还没有清除我认为的超时计时器。

Javascript代码未在Chrome上运行

1 个答案: