JQuery-Skript nicht funktioniert, kann das Problem nicht finden

Question

ich eine HTML-Seite, in dem ich ein JQuery-Skript zu laden bin versucht, die Zyklen durch Text, ich habe JQuery hier in meinem Header geladen:

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

Das Skript:

<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> 

Mein HTML:

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

ich kann nicht herausfinden, wo ich hier falsch werde, jede Hilfe dankbar.

Answer 1

Sie müssen nur Ihre document.ready Funktion schließen.

$(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>