Question

这是HTML：

<!DOCTYPE html>
<html>

    <head>
        <title> La Stoà - Homepage </title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        [...]
    </body>

    <script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
    <script src='main.js'></script>

</html>

我已经尝试将脚本放在</body>标记之前或<head></head>内，但没有任何变化。

这是编辑器中的情况：

也许问题是库没有加载？不，这不是问题，我这样检查：

    <script type="text/javascript">
$(document).ready(() => { 

    $("div").css("border", "3px solid red");

});
</script>

我把它放在库加载和我的脚本加载之间，它可以工作。然后，我在main.js文件中使用了相同的代码（显然没有<script>标签）并且它不起作用！

我做错了什么？我真的无法理解

编辑：

 JSLint (3)
1   
'$' was used before it was defined. $(document).ready(() => {
1   
Expected an identifier and instead saw ')'. $(document).ready(() => {
1   
Stopping. (20% scanned).    $(document).ready(() => {
 ESLint (1)
1   
ERROR: Parsing error: Unexpected token )    $(document).ready(() => {

Answer 1

你可以尝试在头部而不是身体中移动你的jquery <script>标签。除此之外，您还可以使用$(function(){...})作为onready-listener。

Answer 2

最愚蠢的错误：在启动之前必须保存文件

对不起，我很抱歉。

Jquery脚本未正确加载

2 个答案: