2017-04-27 16 views
1

私はかなり多くを検索しましたが、かなり単純な問題の修正を見つけることができませんでした。jqueryをjavacript codeに埋め込むことができません

javascriptコードにjQueryを埋め込むことができません。私はhttp://jquery.com/download/からjqueryの最新バージョンをダウンロードし、圧縮されたプロダクションバージョン3.2.1をダウンロードしました。私は、その後、(HTMLファイルと同じフォルダにある)私のローカル上のファイルを保存し、以下のように私のコードでそれを参照:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Learning jQuery</title> 
    <script type="text/javascript" src="jquery.min.js"></script> 
</head> 
<body> 
    <script> 
     if(typeof jQuery != "undefined"){ 
     alert("jquery is installed"); 
     }else{ 
     alert("jquery not installed"); 
     } 
    </script> 
</body> 
</html> 

私は、ブラウザ上でこれを実行するたびに、それは常にポップ「jqueryがインストールされています」ではなく、「jQueryがインストールされていません」と表示されます。

誰でも助けて、私がここで何を間違っているのかを指摘できますか?前もって感謝します。

Folder Structure

+0

https://stackoverflow.com/questions/28642870/why-isnt-jquery-installing – webbm

+0

document.ready上で実行 –

+0

は、上記のhtmlファイルとjqueryファイルの両方が同じ作業ディレクトリにありますか? –

答えて

1

作品罰金私のためhttps://jsfiddle.net/ajLrj0Lg/

あなたjquery.min.jsファイル:

  • は別の名前を持っています。
  • 間違ったフォルダにあります。
  • だけエラーのWebコンソール(クロームやFirefoxでF12キーを押して)をチェック

が破損しています。

Linuxのチェックファイルは大文字小文字を区別してください。

+0

ありがとうございました。コードが機能しました。私のコードに何が間違っているのか不思議です。いいえ、コンソールにもエラーはありません。 – priyesh

+0

@ user3069742 'あなたのフォルダのスクリーンショットと' jquery.min.js'の内容を表示できますか? – Peter

+0

私はフォルダ構造のイメージを追加しました。 min.jsファイルの内容はjsコードです。十分なポイントがないので、第2スクリーンショットを追加できません。 :-( – priyesh

0

onloadイベント機能であなたのJSコードを置くようにしてください。

window.onload = function() { 
    if(typeof jQuery != "undefined"){ 
     alert("jquery is installed"); 
    } 
    else{ 
     alert("jquery not installed"); 
    } 
} 

これにより、すべてのDOM要素がロードされます。

+0

http://stackoverflow.com/a/28642937/4248328 –

関連する問題