如何將我的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