如何将我的 HTML 与我的 jQuery 链接？答案

【问题标题】：How do I link my HTML with my jQuery?如何将我的 HTML 与我的 jQuery 链接？
【发布时间】：2016-06-01 06:21:35
【问题描述】：

首先很抱歉这篇文章，我对编码很陌生，我会尽量保持简短和甜蜜。

简单地说，当我将我的 jQuery 代码内联时，I.E.在我的 HTML 下，它工作正常 - 我试图动画“隐藏”然后“显示”的元素。

但是，当我制作自己的单独 jquery.js 文件并将代码放入其中时，它无法呈现。

我从 google 获得了 cdn 脚本并将其与脚本和 src 一起包含在我的项目文件夹中我的文件所在的位置，但仍然没有运气。

在我的项目文件夹中，我有一个“script.js”文件夹，然后在其中有一个“jquery.js”文件。

代码如下：

<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>

（在 chrome 中“检查”问题时，我收到一条错误消息，上面写着“jquery.js:1 Uncaught SyntaxError: Unexpected token

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

【问题讨论】：

为什么要使用扩展名作为文件夹名称？
又为什么要实现两次jquery？
@AliSheikhpour 我认为这只是他想做 jQuery 但没有意识到通过做<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 它已经按照他想要的方式工作。也是的。文件夹名称可能是问题
他们没有两次实现 jQuery，他们只是决定将自定义脚本文件命名为 jquery.js，这可能会造成混淆。文件夹名称不是问题。
附注：如果您想加载 jquery 并确保它已加载（这就是它的样子），或者使用本地版本，请查看 html5 样板的解决方案：<script src="https://code.jquery.com/jquery-1.12.2.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.2.min.js"><\/script>')</script>

标签： javascript jquery html

【解决方案1】：

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

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

就文件夹命名而言，在文件夹名称中使用句点并没有什么问题，但正如其他人所建议的，从文件夹名称中删除 .js 部分可能是一个好主意，即使它在技术上没有错而不是导致您的问题的原因。

【讨论】：

完美！太感谢了。将在大约 3 分钟后标记为我的答案哈哈！
没问题，乐于助人！

【解决方案2】：

不要将您的文件夹称为 script.js，只需将其称为“脚本”即可。

【讨论】：

全部下载？我更喜欢cdn，因为它会被缓存?如果您访问具有相同cdn的另一个站点，大多数浏览器都不会再次下载它。节省移动数据。