gpt4 book ai didi

Javascript(Jquery) 在 HTML header 中执行,但在外部 JS 文件中不执行

转载 作者:行者123 更新时间:2023-11-28 04:00:45 25 4
gpt4 key购买 nike

我知道以前有人问过这个问题……但我对此仍然有些困惑。我有我的 index.html 文件,我有一个链接到我的外部 JS 文件的脚本标签。如果我只有那个脚本标签,那么 JS 什么都不做,但是如果我复制 JS 并将其粘贴到 HTML header 中它自己的脚本标签中,它就可以正常工作。 Jquery 肯定缺少某些东西。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="jquery-3.2.0.js"></script>
<link rel="stylesheet" href="FinalProjectCss.css">
<title>Dustin Naylor - Final Project</title>
<script src="FinalProjectJS.js"></script>
<script>
$(document).ready(function(){
$(".section").click(function(){
if($(this).next().is(":hidden")) {
$(this).next().slideDown("fast");
} else{
$(this).next().hide();
}
});
});
</script>


</head>
<body>

<span class="section"><a href="#" style="cursor:pointer;">Click Me</a></span>
<div class = "hiddenDiv">
Oh hey there.
</div>
</body>
</html>

所以最后一个脚本标签中的代码是 Jquery 的东西被精确地复制到一个名为 FinalProjectJS.js 的单独的 JS 文件中。在当前状态下,这段代码可以正常工作,但是当我从 html 文件中删除那段代码时,它就不起作用了……对不起,我很幼稚,我是新手,任何帮助都会很棒!谢谢!

最佳答案

你能写下你的jquery 文件的内容吗:FinalProjectJS.js?调用外部文件的语法似乎是正确的。所以我认为这可能与路径或 jquery 外部文件内容本身有关。确保您不包括 <script>该文件上的标签。这是一个 sample .

另一件事,上次我使用 jquery 时,当我的两个文件都存储在本地时,我无法直接看到它生效。它必须首先存储在服务器中,然后由我的 PC 访问。这时候我的jquery才生效。与我合作的开发人员在我的 Google Chrome 浏览器的属性(目标)中添加了一些文本,这样即使我的文件没有存储在服务器中,我也可以看到 jquery 生效,即使我的 HTML 和 jquery 文件都存储在本地。

...抱歉,我还不能发表评论来澄清你的帖子。

关于Javascript(Jquery) 在 HTML header 中执行,但在外部 JS 文件中不执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43221395/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com