jQuery没有在本地运行

Question

我在head标签内声明了以下链接：

<script type="text/javascript" src="javascript/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="javascript/scripts.js"></script>

脚本文件中的以下代码：

$("#person").hover(function() { 
    // trigger the mouseover event
    $("#person-text span").addClass("important-info");
}, function() { 
    // trigger the mouseout event
    $("#person-text span").removeClass("important-info");
});

$(document).ready(function(){
    console.log( "ready!" );
});

我还尝试通过Google和Microsoft CDN添加jQuery库，但它也没有用。

以下是控制台错误的屏幕截图：

Answer 1

几天前我遇到了类似的问题。我在HTML页面的末尾移动了自定义脚本标记，代码工作正常。它通常发生在$(document).ready()函数中。

<script type="text/javascript" src="javascript/scripts.js"></script>

将上面一行移到Html页面的末尾，这应该可行。

Answer 2

尝试使用$(document).ready(function(){/*your code*/})
并尝试更改浏览器控制台是否显示jQuery文件的404错误

<script type="text/javascript" src="javascript/jquery-3.1.0.min.js"></script>

到

 <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js
"></script>