2016-11-23 12 views
-2

どのブラウザーでもlocalhostでコードを実行する際に問題が発生し続けます。 JSfiddleで自分のコードをテストするとうまくいきます。私のブラウザでは、CSSがロードされ、jQueryライブラリのロードさえもしますが、外部のバニラのjavascriptファイルは決して動作しません。コンソールでこのエラーが発生します。JavaScriptがローカルホストで実行されていません

script.js:1 Uncaught ReferenceError: $ is not defined 
    at file:///C:/Users/Alex/Desktop/myfile/script.js:1:1 

私のjsファイルにリンクするエラーはありません。ここで私は自分のファイルにリンクしています方法です:

<html> 
<head> 
    <meta charset="utf-8"> 
    <title>TitleofProject</title> 
    <link type="text/css" rel="stylesheet" href="style.css"/> 
    <script type="text/javascript" src="script.js"></script> 
</head> 

私は私の外部JavaScriptファイルをラップしてみました:

$(window).load(function() { 
}}; 

が、これはどちらか動作しません。

ブラウザの設定でJavaScriptが有効になっています。

+4

'$'は組み込みではありません.¹それを定義するスクリプトを追加する必要があります。そのようなスクリプトの1つがjQueryです。 (¹ブラウザのコンソールを除いて、いくつかのブラウザでは、コンソールでのみで、ページ自体ではありません) –

+4

'scripts.js'の前にjQueryライブラリを追加していません。これを行うには、次の行を追加します: ''。 –

+2

有効な質問をdownvotingしないでください。 –

答えて

1

$はjQueryを指します。ソースにjQueryを含める必要があります。

+1

* "$はjQueryを参照しています" *必ずしもそうではありません。それは参照するように設定されているものを指します。 jQueryを使用している場合は、jQueryになります。あなたがMooToolsを使用しているなら、それはMooToolsかもしれません。 PrototypeJSの場合、PrototypeJSになります。あるいは、あなた自身の関数、おそらく 'document.querySelectorAll'のラッパー(これは私が人々にしたことがある)に設定することができます。 –

+2

@ T.J.Crowderあなたのコメントは正しいですが、質問が明示的にjQueryを参照していることに気づく価値はあります。 –

0

スクリプトの前にhtmlページにjQueryを追加する必要があります。それだけで、jQuery関数($)を使用することができます:

<script src="https://code.jquery.com/jquery-3.1.1.min.js" 
     integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" 
     crossorigin="anonymous"></script> 
関連する問題