Question

使用jQuery CDN for JavaScript会给

$未定义错误。

和

无法加载资源：服务器响应状态为404 （未找到）

发生此控制台错误

无法加载jQuery吗？

<script src = "https://code.jquery.com/jquery-3.4.1.min.js"> </ script>

我曾经加载CDN

<script src = "js / default.js"> </ script>

我将其链接到我的文件夹。我尝试更改订单。

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="js/default.js"></script>

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> My name's lEEGANG</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="js/default.js"></script> <!--js파일 연결-->
<!--<script type="text/javascript" src="js/default.js"></script>-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, target-densitydpi=medium-dpi">
<meta name="format-detection" content="telephone=no">

default.js

$(document).ready(function() { 
$(".all").on("click", function() {

    $(".nav").addClass("on");

    });
});

default.js所有代码均为错误

错误：未定义'$'。[no-undef]

和

错误：“文档”未定义。[no-undef]

Answer 1

我尝试过您的代码，没有问题，请尝试

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
<div class="nav-wrap">
  <ul class="nav">
    <li class="all">Level One</li>
    <li>Level One</li>
    <li>Level One</li>
  </ul>
</div>
</body>
<script src = "https://code.jquery.com/jquery-3.4.1.min.js"></script>

<script>
  $(document).ready(function() { 
  $(".all").on("click", function() {

      $(".nav").addClass("on");

      });
  });
</script>

</html>

注意：正确检查路径。您正在使用document.ready函数，该函数很好，仍然可以在body标记后像这样尝试一次脚本。

Answer 2

尝试一下：-

.on{color:red;}

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
<div class="nav-wrap">
  <ul class="nav">
    <li class="all">Level One</li>
    <li>Level One</li>
    <li>Level One</li>
  </ul>
</div>
</body>
<script src = "https://code.jquery.com/jquery-3.4.1.min.js"></script>

<script>
  $(document).ready(function() { 
    $(document).on("click", ".all", function() {
      alert();
      $(".nav").addClass("on");
    });
  });
</script>

</html>

无法加载jQuery CDN

2 个答案: