Javascript JQuery脚本不工作，找不到问题

我有一个HTML页面，我试图在其中加载一个JQuery脚本，该脚本在文本中循环，我在我的标题中加载了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>

---

我不知道哪里出了问题，非常感谢您的帮助。

您只需关闭您的document.ready功能

$document.readyfunction{ var divs=$'div[id^=review-]'。隐藏， i=0； 功能周期{ divs.eqi.fadeIn400.delay1000.fadeOut400，循环； i=+i%divs.length； }; }; 测试1 测试2

---

测试3您的文档。准备就绪未关闭。控制台中是否有错误？循环功能未关闭。浏览器控制台中有哪些错误？修正你的打字错误，它似乎工作得很好