Javascript 连接到HTML的JS事件不起作用

我在我的网站上实现了以下小提琴脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="./js/event.js" type="text/javascript"></script>

不幸的是，当我应用它们时，它们不起作用。例如，“引号”没有改变，因为它们在小提琴中

下面是我在我的网站上使用的代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="./js/event.js" type="text/javascript"></script>

还有我修改过的“引号”脚本

<div class="quotes">
<li>Version: 99.62T</li>
<li>Drop: 99%</li>
<li>Exp: 7500x</li>
<li>Status: <font color="green">ONLINE</font></li>
</div>
<div class="quotes">
<li>Accounts: 12,889</li>
<li>Characters: 15,349</li>
<li>Guilds: 345</li>
<li>Online Users: 245</li>
</div>

版本：99.62T
跌幅：99%
实验：7500x
状态：在线
帐户：12889
字符：15349
公会：345
在线用户：245

还有一个网站，你可以看到引用是如何作用的

有人能帮我吗？谢谢

---

旁白：我是个乞丐，所以你能帮我把话说清楚吗？：）

您的脚本是在加载div之前执行的，因此请将此

放在

之后，或者将您的JavaScript代码封装在：

$(document).ready(function() {
  // Your logic
}

---

您应该像这样包装您的函数，以便在元素可用时执行。并且需要在函数调用中添加间隔，以便每2秒调用一次

(function() {

  var quotes = $(".quotes");
  var quoteIndex = -1;

  function showNextQuote() {
    ++quoteIndex;
    quotes.eq(quoteIndex % quotes.length)
      .fadeIn(2000)
      .delay(1000)
      .fadeOut(2000, showNextQuote);
  }

  setInterval(showNextQuote(),2000);

})();

---

您为什么要将

li

用作

div

的孩子？现在不是1998年，不要使用字体标签。为了保持文本前面显示的小圆圈的“设计”，HTML

元素用于表示列表中的项目。它必须包含在父元素中：有序列表（）、无序列表（

）或菜单（）请用F12打开开发者工具，并告诉我们使用开发者工具是否有任何错误

event.js:30未捕获类型错误：无法在更改时将属性'innerHTML'设置为null（event.js:30）

var inst=setInterval（更改，2000）这太脏了抱歉，伙计们，请忽略changeText div，因为这是一个错误，我忘了从那里删除它，前面的答案不起作用，我提供的代码有什么想法吗？这个代码应该可以从您的代码中工作，我在devtools上测试了它。问题是什么？这是我的event.js$（文档）.ready（函数（）{var quotes=$（“.quotes”）；var quoteIndex=-1；函数showNextQuote（）{++quoteIndex；quotes.eq（quoteIndex%quotes.length）.fadeIn（2000）.delay（1000.fadeOut（2000，showNextQuote）；}.showNextQuote（）；}）；我已经为您编辑了答案，请在问题中提供您的代码内容，以便人们可以查看代码。它仍然不起作用按F12并告诉我控制台选项卡中显示的内容。现在一切正常，我使用了您的代码和下面的家伙的代码，现在似乎可以工作了，感谢您的帮助！