Javascript工作，但jQuery沒有，我已經加載了庫

-2

由於某種原因，jQuery函數沒有被調用。如果我用window.alert取出任何jQuery函數，它就可以工作。我不知道我做錯了什麼。Javascript工作，但jQuery沒有，我已經加載了庫

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Bubble Sort</title> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
    <script type="text/javascript" src="script.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script> 
    </head> 
    <body> 
    <h1>Bubble Sort</h1> 
    <h2>Author: Hugo L. Villalobos</h2> 
    <div></div> 
    </body> 
</html>

$(document).ready(function() { 
    window.alert("Hello Wold"); 
})

來源

2017-08-14 Hugo Luis Villalobos Canto

控制檯中的任何錯誤？ – empiric

假設你的代碼在'script.js'中，你將它包含在錯誤的地方 - 它需要在***後包括jQuery.js –

正如@Rory McCrossan說的script.js（或任何包括jQuery代碼）應包括jQuery的鏈路之後。你的代碼更改爲：

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title>Bubble Sort</title> 
 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script> 
 
    <script type="text/javascript" src="script.js"></script> 
 
    </head> 
 
    <body> 
 
    <h1>Bubble Sort</h1> 
 
    <h2>Author: Hugo L. Villalobos</h2> 
 
    <div></div> 
 
    </body> 
 
</html>

這應該使你正確的雨。我只是在jQuery API鏈接之後放置了script.js。

來源

2017-08-14 15:28:48

什麼老庫？ 3.2.1相當流行 –

3.2.1非常流行，但我注意到他有1.8.9也有鏈接。我從來沒有打算說3.2.1已經過時，但我可能應該指定。我只剩下1.8.9，因爲我認爲他仍然可以使用只能在1.8.9中訪問的舊方法（這不太明智，舊方法因爲某種原因被刪除/棄用）。 –

它是jQueryUI，而不是jQuery。 –

Javascript工作，但jQuery沒有，我已經加載了庫

回答

相關問題