Javascript（jquery）在HTML頭文件中執行，但不是在外部JS文件中執行

我知道這個東西已經被問過......但我仍然對此有點困惑。我有我的index.html文件，我有一個腳本標記鏈接到我的外部JS文件。如果我只有腳本標記，JS什麼都不做，但是如果我複製JS並將它粘貼到它自己的HTML標頭中的腳本標記中，它就可以工作。有一些我錯過了Jquery。Javascript（jquery）在HTML頭文件中執行，但不是在外部JS文件中執行

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <script src="jquery-3.2.0.js"></script> 
    <link rel="stylesheet" href="FinalProjectCss.css"> 
    <title>Dustin Naylor - Final Project</title> 
<script src="FinalProjectJS.js"></script> 
<script> 
    $(document).ready(function(){ 
     $(".section").click(function(){ 
      if($(this).next().is(":hidden")) { 
       $(this).next().slideDown("fast"); 
      } else{ 
       $(this).next().hide(); 
      } 
     }); 
    }); 
</script> 


</head> 
<body> 

<span class="section"><a href="#" style="cursor:pointer;">Click Me</a></span> 
<div class = "hiddenDiv"> 
    Oh hey there. 
</div> 
</body> 
</html>

所以在最後的腳本代碼，是jQuery的東西正好複製到一個單獨的JS文件名爲FinalProjectJS.js代碼。在目前的狀態下，這個代碼在它的工作原理，但當我從HTML文件中刪除該塊代碼不起作用....對我的nubishness抱歉，我很新，任何幫助將是偉大的！謝謝！

來源

2017-04-05 Dustin Naylor

你是什麼意思它不工作？你在控制檯中遇到什麼錯誤？ – WilomGfx

如果'FinalProjectJS.js'文件未加載...那麼它不會加載！ :)什麼（作爲@WilomGfx說）控制檯在例子中說*不工作*？你能否給我們破解的代碼示例？ – wahwahwah

@Dustin Naylor可能會出現路徑錯誤，請仔細覈對 –

，你可以寫你的的jQuery文件的內容：FinalProjectJS.js？調用外部文件的語法似乎是正確的。所以我想這可能是關於路徑或jQuery外部文件內容本身的東西。確保你不在該文件中包含<script>標籤。這是一個sample。

另一件事，上次我使用jquery，當我的兩個文件都存儲在本地時，我無法直接看到它生效。它必須先存儲在服務器中，然後通過我的PC訪問。只有這樣我的jquery才生效。我工作的開發人員爲我的Google Chrome的屬性（目標）添加了一些文本，這樣即使我的文件未存儲在服務器中，即使我的HTML和jquery文件都存儲在本地，我也可以看到jquery生效。

...對不起，我不允許評論，以澄清您的帖子。

來源

2017-04-05 04:15:12

您必須在FinalProjectJS.js之前爲jQuery代碼片段添加jQuery腳本標記才能工作。

<script src="https://code.jquery.com/jquery-3.2.1.js"

誠信= 「SHA256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE =」 crossorigin = 「匿名」>

來源

2017-04-05 04:25:04 santhosh

Javascript（jquery）在HTML頭文件中執行，但不是在外部JS文件中執行

回答

相關問題