Question

首先对这个帖子感到抱歉，我对编码很陌生，我会尽量保持简短和甜蜜。

简单地说，当我将我的jQuery代码包含在内联时，I.E。在我的HTML下面，它工作得很好 - 我想要动画的元素隐藏＆＃39;然后＆＃39;显示＆＃39;应该如此。

但是，当我创建自己独立的jquery.js文件并将代码放在那里时，它无法呈现。

我已经从谷歌获得了cdn脚本，并且包含了脚本和src以及我的文件位于我的项目文件夹中的位置，但仍然没有运气。

在我的项目文件夹中，我有一个＆＃39; script.js＆＃39;文件夹，然后在那个＆＃39; jquery.js＆＃39;文件。

以下代码：

<head>

  <link rel="stylesheet" type="text/css" href="css/style.css"/>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

  <script src="script.js/jquery.js"></script>

</head>

<div class="content">
  <h2> Hi there</h2>
  <h3> Take a look...</h3>
</div>

以下是jQuery：

<script>

$(document).ready(function() {

$(".content").hide(1000).show(1000);

});

</script>

（检查＆＃39; chrome中的问题我得到的错误是＆＃34; jquery.js：1未捕获的SyntaxError：意外的令牌＆lt;） - 但我无法看到我误用了＆＃39;＆lt;＆＃39;

提前致谢，如果我遗漏了任何重要内容，请随时告诉我。

Answer 1

您需要从jquery.js文件中删除<script>标记，这些标记是用于实现内联JS的HTML标记，您得到的错误是因为这些标记不是有效的JavaScript。您的JS文件应该如下所示：

$(document).ready(function() {
    $(".content").hide(1000).show(1000);
});

就文件夹命名而言，在文件夹名称中包含句点并没有错，但正如其他人所建议的那样，从文件夹名称中删除.js部分可能是个好主意。即使它在技术上并没有错，也不会导致你的问题。

Answer 2

请勿调用您的文件夹script.js，只需将其命名为＆＃34;脚本＆＃34;。

如何将我的HTML链接到我的jQuery？

2 个答案: