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

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

ただいまの
回答率

90.48%

  • JavaScript

    16957questions

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

  • jQuery

    6915questions

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

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

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 31K+

Gerozaemon

score 7

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

Uncaught ReferenceError: $ is not defined

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

参考サイト

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

なので

試し1回目

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

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

試し2回目

<script type="text/javascript" src="material/js/jquery.js"></script>

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

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

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

  •   「:uncaught referenceerror $ is not defined」

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

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

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

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

(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() {
をどうにかしないといけないのかな

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

+2

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

check解決した方法

0

<script type="text/javascript">
$(function() {
    var nav = $('.overimg');

これが、エラーを言っている箇所。
辿って行ったら、そこのファイルには、先にjQueryのから読み込んで無いからでした…。

これらを先に読み込むようにしたらエラーは出なくなりました。
なんという凡ミス。。。。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/04/20 16:55

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

    いろいろ調べてみます

    キャンセル

  • 2016/04/21 09:03

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

    キャンセル

関連した質問

同じタグがついた質問を見る

  • JavaScript

    16957questions

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

  • jQuery

    6915questions

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