Question

我只是无法让一个非常简单的toggleClass（）工作，我无法弄清楚为什么。它实际上只是一个开始使用jQuery的练习。它在这里作为一个片段工作正常，当我在控制台中手动输入它时，不是当我从Chrome或Firefox中的计算机打开index.html文件时。当我在控制台中手动输入jQuery时，它也可以工作！这些文件都正确链接，我已通过警报确认。 div显示为红色，悬停时不会改变颜色。有什么建议??

$('.test').hover(
  function() {
  $(this).toggleClass('testhover');
});

 .test {
  width: 100px;
  height: 100px;
  background-color: red;
}

.testhover {
  background-color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test"></div>

Answer 1

这是因为您在.test元素之前插入了脚本。当DOM加载时，它首先执行你的脚本，然后添加div.test。

<div class="test"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这将解决它

在浏览器中打开index.html时，jQuery代码不会运行。控制台没有错误

1 个答案: