jQuery 是否必須寫在<script> tags in HTML?

Question

我正在學習 jQuery，但遇到了一個小問題。 當我將 jQuery 代碼直接放在我的 HTML 中的標簽中時，它可以工作，但是當我從不同的文件中導入它時，沒有任何反應。 這些是我在 HTML 中的腳本標簽：

<script type="text/javascript" src="scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="scripts/test.js"></script> <!--This is my jQuery code-->

test.js包含以下代碼：

$(document).ready(function(){
console.log("Hello");
});

當頁面加載時，控制台是空的。 但是，當我這樣粘貼以下代碼時，在我的 html 文檔中，一切正常。

<script>

    $(document).ready(function(){
    console.log("Hello");
    });

</script>

Answer 1

您的HTML文件所在的文件夾中是否真的有一個名為scripts的文件夾？ 否則，請嘗試將此src="scripts/jquery-1.10.2.js"更改為： src="/scripts/jquery-1.10.2.js"

您可以通過瀏覽到http://yoururl/scripts/jquery-1.10.2.js進行檢查，然后應顯示Jquery代碼。 如果不存在，則必須確保包含正確的文件夾/文件。

Answer 2

是的。您可以通過以下兩種方式推送腳本：： 1-將腳本推送到類似>>的標記中

<script>$(document).ready(function(){alert("Welcome Dear");});</script>

2-將內聯腳本推入具有>>的屬性

<button type='button' onclick="$(this).hide()">Hide Me</button>

Answer 3

確保scripts文件夾包含test.js確保擴展名正確..有時我會犯同樣的錯誤，而不是test.js，我將其另存為test.js.txt

Answer 4

嘗試放置

<script type="text/javascript" src="scripts/jquery-1.10.2.js"></script>

在身體而不是頭部。

歸功於此答案提供的想法