質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.39%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

3回答

122985閲覧

Uncaught ReferenceError: $ is not defined の対処方法

Gerozaemon

総合スコア15

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2016/04/20 07:00

編集2016/04/20 07:22

jqueryの勉強中にハマったエラー箇所

Uncaught ReferenceError: $ is not defined

この内容で検索を掛けると、

参考サイト

jQueryの要素を使うjsファイルが先に来てしまっているのでエラー吐かれているということです。
従って、jqueryを最初に読ませるように、つまり一番上にjqueryを読むよう書けばOK。

なので

試し1回目

JavaScript

1<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 2 3<script type="text/javascript" src="material/js/jquery-1.7.2.min.js"></script> 4<script type="text/javascript" src="material/js/jquery.validationEngine.js"></script> 5<script type="text/javascript" src="material/js/languages/jquery.validationEngine-ja.js"></script> 6

試し2回目

JavaScript

1<script type="text/javascript" src="material/js/jquery.js"></script> 2 3<script type="text/javascript" src="material/js/jquery-1.7.2.min.js"></script> 4<script type="text/javascript" src="material/js/jquery.validationEngine.js"></script> 5<script type="text/javascript" src="material/js/languages/jquery.validationEngine-ja.js"></script>

と、やってみても同じエラーを吐く・・・。

その他のサイトは
参考サイト2

「:uncaught referenceerror $ is not defined」

そして、
オブジェクトを指定して下さい。
コード0
これ、ちゃんとjQueryが読み込めてないんじゃないの?
ということで、いろいろ考えた。
あ、「.htaccess」の問題だ!!
.htaccessで、jsファイルがおいてあるディレクトリまでアクセスが拒否されていたよ!!
っちゅうことで、.htacceessを書き換えたら動いた。

と書いてある所もありました。
(´ε`;)ウーン…わからん

補足:
上記の内容無しでも同じくエラーが出る…。

JavaScript

1 2 3<script type="text/javascript" src="material/js/jquery-1.7.2.min.js"></script> 4<script type="text/javascript" src="material/js/jquery.validationEngine.js"></script> 5<script type="text/javascript" src="material/js/languages/jquery.validationEngine-ja.js"></script> 6 7

(anonymous function) @ login.php:14
とエラーを言っているのでそこへ行くと

<link rel="stylesheet" href="material/css/reset.css" type="text/css" media="all" /> ↓エラーを言っている箇所↓ <script type="text/javascript"> $(function() { var nav = $('.overimg'); nav.hover( function(){ $(this).fadeTo(500,0.5); }, function () { $(this).fadeTo(500,1); } ); }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1788254-16', 'ecnote.jp'); ga('send', 'pageview'); </script><link rel="stylesheet" href="material/tpl/default/css/base.css" type="text/css" /> <link rel="stylesheet" href="material/tpl/default/css/jquery.jscrollpane.css" type="text/css"/> <link rel="stylesheet" href="material/tpl/default/css/validationEngine.jquery.css" type="text/css" /> <script type="text/javascript" src="material/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="material/js/jquery.validationEngine.js"></script> <script type="text/javascript" src="material/js/languages/jquery.validationEngine-ja.js"></script>
<script type="text/javascript"> $(function() { をどうにかしないといけないのかな

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

まず、よほどの理由がない限り、jQuery本体を2回以上読み込むことはおすすめしません。jquery-***.min.jsがjQuery本体ですので、読み込みは一度にしましょう。

あと、WordPress付属のもそうなのですが、標準的なものでなく何かしらのライブラリに付属したバージョンのjQueryの場合、$が存在しないことがあります。jQueryだけ存在する場合、以下のように書けばふつうに$で書けます。

javascript

1jQuery(function($){ 2 //引数の$にjQueryオブジェクトが入るので、この中ではjQueryの$を使える 3 $('#hoge').attr .... 4});

投稿2016/04/20 07:07

maisumakun

総合スコア145779

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

<script type="text/javascript"> $(function() { var nav = $('.overimg'); これが、エラーを言っている箇所。 辿って行ったら、そこのファイルには、先にjQueryのから読み込んで無いからでした…。 これらを先に読み込むようにしたらエラーは出なくなりました。 なんという凡ミス。。。。

投稿2016/04/22 01:32

編集2016/04/22 01:33
Gerozaemon

総合スコア15

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

エラーの原因とは違うかもしれませんが、jQuery 2.1.0 と 1.7.2 を両方ロードすることはできないのでは?
バージョン 1.x と 2.x の違いについては、このあたりが詳しいかと思います。

投稿2016/04/20 07:12

tkanda

総合スコア2425

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Gerozaemon

2016/04/20 07:55

回答ありがとうございます。 jQuery 2.x.x で行うと - 新たに jquery.validationEngine.js:28 Uncaught TypeError: $(...).live is not a function が出てくるようになりました。 いろいろ調べてみます
maisumakun

2016/04/21 00:03

$().liveはjQuery 1.9以降で廃止となっています。.onを使うように書き換えるか、jQuery migrateで復活させる必要があります。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.39%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問