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

Question

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

简单地说，当我将我的jQuery代码内联，我的HTML下面的IE，它工作正常 - 我试图动画'隐藏'然后'显示'应该的元素。

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

我从谷歌获得了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 <） - 但是我看不出我错误地使用了'<'。

在此先感谢，如果我遗漏了任何重要信息，请随时告诉我。

Answer 1

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

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

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

Answer 2

不要调用你的文件夹script.js，只需将其称为“脚本”。

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

问题描述

2 个解决方案

解决方案1
12 已采纳 2016-05-31 22:00:45

解决方案2
-5 2016-05-31 22:00:34

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

问题描述

2 个解决方案

解决方案1 12 已采纳 2016-05-31 22:00:45

解决方案2 -5 2016-05-31 22:00:34

解决方案1
12 已采纳 2016-05-31 22:00:45

解决方案2
-5 2016-05-31 22:00:34