2017-08-14 14 views
-2

何らかの理由でjQuery関数が呼び出されていません。任意のjQuery関数の外に私がwindow.alertなら、それは動作します。私は何が間違っているのか分からない。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"); 
}) 
+1

コンソールにエラーがありますか? – empiric

+7

あなたのコードが 'script.js'にあると仮定すると、間違った場所にコードが含まれています。***の後に行く必要があります。*** jQuery.jsをインクルードしてください。 –

答えて

1

@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>

これは右の雨とあなたを作る必要があります。私はちょうどscript.jsをjQuery APIリンクの後に置いています。

+2

古いライブラリは何ですか? 3.2.1はかなり最新です –

+0

3.2.1は非常に最新ですが、彼は1.8.9もリンクしていたことに気付きました。私は3.2.1が時代遅れであったとは決して言いませんでしたが、おそらく私が指定したはずです。私は1.8.9で残しました。なぜなら、1.8.9でしかアクセスできない古いメソッドを使用している可能性があると考えていたからです(これは賢明ではないでしょう、古いメソッドは削除されました/理由がなくなりました)。 –

+1

jQueryUIではなくjQueryUIです。 –

関連する問題