Question

我有一个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>

我无法弄清楚我在这里出错了什么，感谢任何帮助。

Answer 1

您只需要关闭document.ready功能。

＆＃13;

$(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;
  })();
  
});

＆＃13;

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

＆＃13;

JQuery脚本无法正常工作，无法找到问题

1 个答案: