基本的jQuery功能將無法與外部js文件一起工作

-1

我一直在試圖讓jQuery工作，並不能找出我做錯了什麼。當我將代碼粘貼到腳本標記之間的HTML文檔中時，它運行良好，但是當我嘗試使用單獨的腳本文件時，它不起作用。我有一個jQuery文件的本地副本，我也嘗試過使用CDN。基本的jQuery功能將無法與外部js文件一起工作

HTML

<!DOCTYPE html> 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="utf-8" /> 
    <title>Test</title> 
    <script src="script/main.js"></script> 
    <script src="script/jquery.js"></script> 

    <link href="css/style.css" rel="stylesheet" /> 
    </head> 
    <body> 
     <h1>Heading 1</h1> 
     <h2>Heading 2</h2> 

     <p>This is a paragraph.</p> 
     <p>This is another paragraph.</p> 

     <div>This is some important text!</div><br> 

     <button>Add classes to elements</button> 
    </body> 
</html>

CSS

.important { 
    font-weight: bold; 
    font-size: xx-large; 
} 

.blue { 
    color: blue; 
}

jQuery的

$(document).ready(function() { 

    $("button").click(function() { 
     $("h1, h2, p").addClass("blue"); 
     $("div").addClass("important"); 
    }); 
});

來源

2015-03-02 Mayburn2121

你的代碼之前'jquery.js'引用'main.js'。 jQuery需要加載才能使用它。 – PlantTheIdea 2015-03-02 17:26:11

切換這些：

<script src="script/main.js"></script> 
<script src="script/jquery.js"></script>

到

<script src="script/jquery.js"></script> 
<script src="script/main.js"></script>

也可以考慮使用CDN的：

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

來源

2015-03-02 19:35:04 MyCah

基本的jQuery功能將無法與外部js文件一起工作

回答

相關問題