Javascript代碼未在Chrome上運行

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 個解決方案

解決方案1
0 2016-09-20 09:04:53

Javascript代碼未在Chrome上運行

問題描述

1 個解決方案

解決方案1 0 2016-09-20 09:04:53

解決方案1
0 2016-09-20 09:04:53