我知道有與我遇到的類似問題，但我嘗試了不同的解決方案（至少我認為），但沒有任何效果。因此，我在 JS 文件中編寫了 JQuery 代碼，但是當我將 js 和 jq 版本的路徑放入 HTML 文件中時，它在我的任何一個 Web 瀏覽器中都不起作用，但是當我將 JQuery 代碼直接放入 HTML 中時，它就可以工作。我多次檢查代碼，尋找打字錯誤，但沒有找到任何東西。也許我沒有看到一些明顯的東西，所以請告訴我。這是我第一次接觸這個所以...謝謝$(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="js/script.js"></script> <script src="https://code.jquery.com/jquery-3.4.1.min.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>
3 回答
小唯快跑啊
TA貢獻1863條經驗 獲得超2個贊
您的文件應該在 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>
海綿寶寶撒
TA貢獻1809條經驗 獲得超8個贊
當您在包含腳本后包含 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>
神不在的星期二
TA貢獻1963條經驗 獲得超6個贊
嘗試使用：
<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>
希望能幫助到你。
- 3 回答
- 0 關注
- 222 瀏覽
添加回答
舉報
0/150
提交
取消