HTMLスクリプトsrc - Jqueryライブラリがファイルからロードされない

私はSocket.ioサンプルプログラムをオフラインで実行しようとしています。 index.htmlページは次のようにJqueryライブラリを呼び出します。HTMLスクリプトsrc - Jqueryライブラリがファイルからロードされない

<script src="http://code.jquery.com/jquery-1.11.1.js"></script>

ただし、これはインターネット接続なしではロードされません。

<script src="jquery-1.11.1.js"></script>

私はそれを実行するときにも開発者用メニューに404エラーが表示されます。私は間違った場所にファイルを置いているかどうか、または私が誤ってスクリプトタグを使用している場合、私はよくわからない、任意の助けに感謝します。

EDIT：ここがいっぱいのindex.htmlファイルされる：[OK]を、私はサーバーにindex.jsを

<!doctype html> 
 
<html> 
 
    <head> 
 
    <title>Socket.IO chat</title> 
 
    <style> 
 
     * { margin: 0; padding: 0; box-sizing: border-box; } 
 
     body { font: 13px Helvetica, Arial; } 
 
     form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; } 
 
     form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; } 
 
     form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; } 
 
     #messages { list-style-type: none; margin: 0; padding: 0; } 
 
     #messages li { padding: 5px 10px; } 
 
     #messages li:nth-child(odd) { background: #eee; } 
 
    </style> 
 
    </head> 
 
    <body> 
 
    <ul id="messages"></ul> 
 
    <form action=""> 
 
     <input id="m" autocomplete="off" /><button>Send</button> 
 
    </form> 
 
    <script src="/socket.io/socket.io.js"></script> 
 
    <script src="jquery.js"></script> 
 
    <script> 
 
     var socket = io(); 
 
     $('form').submit(function(){ 
 
     socket.emit('chat message', $('#m').val()); 
 
     $('#m').val(''); 
 
     return false; 
 
     }); 
 
     socket.on('chat message', function(msg){ 
 
     $('#messages').append($('<li>').text(msg)); 
 
     }); 
 
    </script> 
 
    </body> 
 
</html>

Picture of Error Message

Picture of index.js

出典

2016-06-01 Paul Harrington

あなたはそれを得ることを試みていたことを示すだろう..それはどこを見ている必要がありますか？ – charlietfl

プロジェクトのディレクトリ構造のスクリーンショットを提供してください。 jquery.jsファイルが格納されているフォルダも含めます。これにより、

それは間違いなく動作するはずです。それ以外の場合は、現在のファイルを基準にしてアドレスを指定する必要があります。あなたのJSファイルは、あなたのHTMLファイルの親フォルダにあると言う：

<script src="../jquery-1.11.1.js"></script>

出典

2016-06-01 23:12:52 akazemis

それもうまくいかなかった、ファイルが間違って配置されていますか？ –

ローカルマシンの正確なURLまたはHTMLファイルとJSファイルの両方をコピー/貼り付けてください。 – akazemis

新しいスクリーンショットを追加しました –

あなたのファイルがあなたのhtmlと同じディレクトリにある場合はたぶん、この質問は、地元のローカルリソースへの参照How to properly reference local resources in HTML?

出典

2016-06-01 23:14:53

のお手伝いをすることができます次はそれを動作させる必要があります。

<script src="jquery-1.10.2.js"></script>

それはあなたのHTMLの使用と同じディレクトリにあるフォルダになら：

<script src="FOLDERNAME/jquery-1.10.2.js"></script>

それはあなたのHTMLファイルの使用上のレベルだ場合：これらの作品のどれもが初めにスペースまたはファイル名の末尾があります場合には、ファイルの名前をダブルチェックしてくださいしない場合

<script src="../jquery-1.10.2.js"></script>

。

[EDIT]

まあ、ないスペルエラーと、それを修正しない配置の変更、その後、おそらく一つまたは両方のファイルが破損しているはありません場合。ところで、あなたのjQueryバージョンは時代遅れです。 2.1.1をダウンロードするか、このスクリプトタグを使用します。

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

出典

2016-06-01 23:18:14

ファイルは参照先のindex.htmlファイルと同じディレクトリにありますが、これでもエラーは発生します。 –

スペルミスを再度確認してください。ファイル自体から直接ファイル名をコピーしてエディタに貼り付けてください。それでも問題が解決しない場合は、問題の可能性があるため、スクリプトタグを置いた場所の詳細を編集してください。 –

htmlファイルとjqueryファイルが置かれている場所の画像を追加しました –

は、あなたのブラウザに正確な（ローカル）URLを入力してjqueryのファイルにアクセスすることができます忘れないでください。 URLをロードしてテストするhttp://localhost:[port#]/jquery-1.11.1.js jqueryが正常に読み込まれるまで、このURLを開発環境の正しいディレクトリパスに変更してください。

出典

2016-06-01 23:19:39 Matthew

もう少し詳しいことを教えてください。私はあなたが何を記述しているのかわかりません –

彼が言うことは、現在使用している相対URL（jquery.js）ではなく、ファイルの絶対URL（サーバー内のファイルのリンク）を使用できるということです。 –

パウロは以下のことを試してください：jQueryのを使用してsocket.io.jsは$（関数（すなわち

<script src="jquery.js"></script> 
<script src="/socket.io/socket.io.js"></script>

コールページロード後のjavascriptのコードのような順序を変更した場合

はjqueryのファイル名とパスを確認してください）

$(function(){ 
var socket = io(); 
    $('form').submit(function(){ 
    socket.emit('chat message', $('#m').val()); 
    $('#m').val(''); 
    return false; 
    }); 
    socket.on('chat message', function(msg){ 
    $('#messages').append($('<li>').text(msg)); 
    }); 
})

おかげ

出典

2016-06-02 00:34:38 Sami

I HA：{}）は、以下のように私は同じ問題を解決し、解決策を探していました。私はあなたの質問を見つけましたが、私は答えを見つけませんでしたので、ここに私自身の質問を掲載しました。誰かが実際にそれを動作させる方法を知っていました。あなたがまだ答えをチェックして知りたければ、私は得た：Raspberry Pi - Flask Server using JQuery not working Offline (Online it works)

出典

2016-12-12 21:28:20

これは答えではありません。 –

HTMLスクリプトsrc - Jqueryライブラリがファイルからロードされない

関連する問題