2017-06-20 18 views
-2

我有在我試圖加載它通過文字週期,我在這裏頭裝的JQuery一個jQuery腳本的HTML頁面:jQuery腳本不工作,找不到問題

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

腳本:

<script> 
    $(document).ready(function() { 
     var divs = $('div[id^="review-"]').hide(), 
     i = 0; 

     (function cycle() { 
      divs.eq(i).fadeIn(400).delay(1000).fadeOut(400, cycle); 

      i = ++i % divs.length; 
     })();} 
</script> 

我的HTML:

<div id="review-1">Test 1</div> 
<div id="review-2">Test 2</div> 
<div id="review-3">Test 3</div> 

我想不通我要去哪裏錯在這裏,任何幫助表示讚賞。

+2

您的document.ready未關閉。你是否在控制檯中發現任何錯誤? – karthick

+1

你的'循環'功能沒有關閉。 – Moose

+0

您在瀏覽器的控制檯中遇到什麼錯誤?修正你的錯別字,它似乎工作正常https://jsfiddle.net/j08691/xg5fguzf/ – j08691

回答

0

你只需要關閉你的document.ready函數。

$(document).ready(function() { 
 
    var divs = $('div[id^="review-"]').hide(), 
 
    i = 0; 
 

 
    (function cycle() { 
 
    divs.eq(i).fadeIn(400).delay(1000).fadeOut(400, cycle); 
 

 
    i = ++i % divs.length; 
 
    })(); 
 
    
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<div id="review-1">Test 1</div> 
 
<div id="review-2">Test 2</div> 
 
<div id="review-3">Test 3</div>