在单独文件中编写的 JQuery 不适用于 HTML 文件

3回答

小唯快跑啊

您的文件应该在 html 文件中调用库script.js之后调用。jquery  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>  <script src="js/script.js"></script>$(document).ready(function() {  $(".collapse-control").click(function() {    $(".collapse-box").slideUp();    $(this).closest(".collapse").find(".collapse-box").slideDown();  });});<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title>Lesson</title>  <meta name="viewport" content="width=vice-width, initial-scale=1">  <meta name="author" content="Unknown">  <meta name="description" content="description">  <meta name="keywords" content="web,html,css,html5,development">  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>  <script src="js/script.js"></script></head><body>  <div class="collapse">    <h2 class="collapse-control">Open box 1</h2>    <div class="collapse-box">      This is box 1    </div>  </div></body></html>

0 0

海绵宝宝撒

当您在包含脚本后包含 jQuery 时，这是没有意义的。您应该在包含 jQuery 之后包含您的脚本。所以你的代码将是这样的：<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title>Lesson</title>  <meta name="viewport" content="width=vice-width, initial-scale=1">  <meta name="author" content="Unknown">  <meta name="description" content="description">  <meta name="keywords" content="web,html,css,html5,development">  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  <script src="js/script.js"></script></head><body>  <div class="collapse">    <h2 class="collapse-control">Open box 1</h2>    <div class="collapse-box">      This is box 1    </div>  </div></body></html>

0 0

神不在的星期二

尝试使用：<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>  <script src="js/script.js"></script>已安装：<script src="js/script.js"></script><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>希望能帮助到你。

0 0