如何鏈接我的HTML和我的jQuery？

首先對於這篇文章感到抱歉，我對編碼相當陌生，我會盡量保持簡潔和甜美。如何鏈接我的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>

（經鍍鉻 '檢查' 的問題，我得到它說「的jquery.js一個錯誤： 1 Uncaught SyntaxError：意外令牌<） - 但我看不到我在哪裏誤用了'<'。

提前致謝，請隨時告訴我是否遺漏了任何重要的東西。

來源

2016-05-31 skoster7

爲什麼使用擴展名作爲文件夾名稱？ –

和你爲什麼實現jQuery兩次？ –

@AliSheikhpour我認爲這只是他想要做jQuery，但沒有意識到通過執行''它已經按照他想要的方式工作了。也是。文件夾名稱可能是問題 – MrKickkiller

您需要從jquery.js文件中刪除<script>標記，這些標記是用於實現內聯JS的HTML標記，您得到的錯誤是因爲這些標記不是有效的JavaScript。你的JS文件應該只是看起來像這樣：

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

至於文件夾命名，有什麼錯在你的文件夾名稱一段時間的，但其他人認爲這可能是一個好主意，除去.js部分來自您的文件夾名稱，即使它在技術上不是錯誤的，也不是導致您的問題的原因。

來源

2016-05-31 22:00:45 APAD1

完美！非常感謝。將在3分鐘內標記爲我的答案哈哈！ – skoster7

沒問題，樂意幫忙！ – APAD1

-5

不要調用您的文件夾script.js，只需將其稱爲「腳本」。

來源

2016-05-31 22:00:34 SLK

全部下載？我更喜歡cdn，因爲如果您訪問另一個具有相同cdn的站點，它會被緩存，大多數瀏覽器不會再次下載它。保存移動數據。 – Randy

如何鏈接我的HTML和我的jQuery？

回答

相關問題