javascript – 如何将我的HTML链接到我的jQuery?

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

简单地说,当我将我的jQuery代码包含在内联时,I.E.在我的HTML下面,它工作正常 – 我试图动画’隐藏’然后’显示’应该的元素.

但是,当我创建自己单独的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<) - 但是我看不出我错误地使用了'<'. 在此先感谢,如果我遗漏了任何重要信息,请随时告诉我.

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

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

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

相关文章
相关标签/搜索