Question

我知道之前已经问过这个问题了......但是我对此仍感到有些困惑。我有我的index.html文件，我有一个链接到我的外部JS文件的脚本标记。如果我只有那个脚本标签，JS什么都不做，但如果我复制JS并将其粘贴到HTML标题中自己的脚本标签中，它就可以正常工作。 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文件中删除那段代码时它无法正常工作....对不起我的小号，我很新，任何帮助都会很棒！谢谢！

Answer 1

您能写下 jquery 文件的内容： FinalProjectJS.js 吗？调用外部文件的语法似乎是正确的。所以我认为它可能是关于路径或jquery外部文件内容本身的东西。确保您没有在该文件中包含<script>标记。这是sample。

另一件事，上次我和jquery一起工作时，我无法直接看到它在本地存储我的文件时生效。它必须先存储在服务器中，然后由我的PC访问。只有这样我的jquery才生效。我使用的开发人员在我的Google Chrome浏览器的属性（目标）中添加了一些文字，这样即使我的文件没有存储在服务器中，我也可以看到即使我的HTML和jquery文件都存储在本地，jquery也会生效

...抱歉，我暂时不得发表评论澄清您的帖子。

Answer 2

您必须在FinalProjectJS.js之前添加jQuery脚本标记才能使jQuery代码段生效。

<script src="https://code.jquery.com/jquery-3.2.1.js"

完整性=＆＃34; SHA256-DZAnKJ / 6XZ9si04Hgrsxu / 8s717jcIzLy3oi35EouyE =＆＃34; crossorigin =＆＃34;匿名＆＃34;＆GT;

Javascript（Jquery）在HTML头文件中执行，但在外部JS文件中不是

2 个答案: