无法加载 jquery CDN

为 JavaScript 使用 jQuery CDN 将给出


$ 未定义错误。



加载资源失败:服务器响应状态为 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>

索引.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">  

默认.js


$(document).ready(function() { 

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


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


    });

});

default.js 所有代码都是错误的


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



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


尚方宝剑之说
浏览 210回答 2
2回答

德玛西亚99

试试这个:-.on{color:red;}<!DOCTYPE html><html><head>&nbsp; &nbsp; <title>Test</title></head><body><div class="nav-wrap">&nbsp; <ul class="nav">&nbsp; &nbsp; <li class="all">Level One</li>&nbsp; &nbsp; <li>Level One</li>&nbsp; &nbsp; <li>Level One</li>&nbsp; </ul></div></body><script src = "https://code.jquery.com/jquery-3.4.1.min.js"></script><script>&nbsp; $(document).ready(function() {&nbsp;&nbsp; &nbsp; $(document).on("click", ".all", function() {&nbsp; &nbsp; &nbsp; alert();&nbsp; &nbsp; &nbsp; $(".nav").addClass("on");&nbsp; &nbsp; });&nbsp; });</script></html>

森林海

我试过你的代码发现没有问题试试这个<!DOCTYPE html><html><head>&nbsp; &nbsp; <title>Test</title></head><body><div class="nav-wrap">&nbsp; <ul class="nav">&nbsp; &nbsp; <li class="all">Level One</li>&nbsp; &nbsp; <li>Level One</li>&nbsp; &nbsp; <li>Level One</li>&nbsp; </ul></div></body><script src = "https://code.jquery.com/jquery-3.4.1.min.js"></script><script>&nbsp; $(document).ready(function() {&nbsp;&nbsp; $(".all").on("click", function() {&nbsp; &nbsp; &nbsp; $(".nav").addClass("on");&nbsp; &nbsp; &nbsp; });&nbsp; });</script></html>注意:正确检查路径。您使用的 document.ready 功能很好,仍然像这样在 body 标记之后尝试一次脚本。
打开App,查看更多内容
随时随地看视频慕课网APP