TypeError： 'undefined'は関数ではありません（ '$（document）'を評価しています）

1. WordPressサイトを利用しています。
2. このスクリプトはヘッダーに含めています。

スクリプトが読み込まれると、次のエラーが発生します。

TypeError： 'undefined'は関数ではありません（ '$（document）'を評価しています）

何が原因なのか、それが何を意味しているのか、私にはわかりません。

Firebugでは、次のようになります。

$は関数ではありません

WordpressはデフォルトでjQueryをnoConflictモードで使用します。jQuery変数名として使用し、ではなく参照する必要があります$。たとえば、

jQuery(document);

の代わりに

$(document);

これ$をjQueryを再び参照するように自己実行関数で簡単にラップできます（グローバルネームスペースの汚染も回避します）。たとえば、

(function ($) {
   $(document);
}(jQuery));

jQueryを使用しnoConflictます。それは私にとって不思議でした

var example=jQuery.noConflict();
example(function(){
example('div#rift_connect').click(function(){
    example('span#resultado').text("Hello, dude!");
    });
});

つまり、HTMLにjQueryが含まれていると仮定します

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

これを使って：

var $ =jQuery.noConflict();

このスニペットを試してください：

jQuery(function($) {
  // Your code.
})

それは私のために働いた、たぶんそれもあなたを助けるでしょう。

この問題はChromeでのみ発生しました。

追加してみました

var $ =jQuery.noConflict();

電話する直前

$(document).ready(function () {

出来た。

どうもありがとう

また、jQueryを含め、いくつかのコンポーネント/他のライブラリ（jQuery UIなど）が含まれていることを確認し、誤ってjQueryを再度含めます。これにより、jQueryが再定義され、コンポーネントヘルパー（.datepickerなど）がインスタンスから削除されます。

 ;(function($){
        // your code
    })(jQuery);

上記のクロージャー内にjsコードを配置すると、問題が解決するはずです。

私はこれを使います

(function ($) {
   $(document);
}(jQuery));

私はまた、web開発キャリアでそのような問題に何度も直面しました。実際にはJSの競合ではありません。htmlWebサイトをブラウザーにロードしても、このようなエラーは発生しませんが、localhostを介してこれらのタイプのWebサイトをロードすると、このような問題が発生します。これはlocalhostが原因です。ローカルホストを介してスクリプトをロードすると、スクリプトがスキャンされ、出力がレンダリングされます。しかし、localhostを使用しなかった場合。出力をスキャンするだけです。例、ローカルホストのそばにphpコードを記述してホストなしで実行すると、エラーが発生します。しかし、コードが正しく、ホストを通じて実行される場合、実際の出力が得られます。また、inspect要素を使用すると、出力コードがHTMl形式で取得されますが、PHP形式ではありません。これは、コードのレンダリングが原因です。

これはレンダリングエラーです。したがって、これらのjqueryコードエラーを修正するには、この方法を使用することがソリューションの1つである可能性があります。

jQuery(document).ready(function($){
/******** Body of Jquery Code*****/
});

このコードが行うことは、jqueryを適用して、関数の変数として「$」を登録することです。それ以外の場合、デフォルトでは.jsファイルはjavascriptとしてのみ読み取られます。

ホストにjQueryが自動的に含まれていることをホストが認識していないことに気づかなかったため、ページヘッダーにjQueryを含めた場合にも、この問題に遭遇しました。したがって、ページをライブでロードし、ソースをチェックして、jQueryがリンクされているかどうかを確認してください。

2つのこと：

1. $（ドキュメント）の前に、jQueryライブラリが追加されていることを確認してください。
2. 次に、前のコメントのように、すべての "$"をjQueryで変更します。

この間にすべてのスクリプトをラップします...

<script>
    $.noConflict();
    jQuery( document ).ready(function( $ ) {
      // Code that uses jQuery's $ can follow here.
    });
</script>

多くのJavaScriptライブラリは、jQueryと同じように、$を関数または変数名として使用します。jQueryの場合、$はjQueryの単なるエイリアスなので、$を使用しなくてもすべての機能を使用できます。jQueryと一緒に別のJavaScriptライブラリを使用する必要がある場合は、$ .noConflict（）を呼び出して、$の制御を他のライブラリに戻します。$の古い参照はjQueryの初期化中に保存されます。noConflict（）は単にそれらを復元します。

以下のスニペットでは、jQueryと$の両方を使用できます。それは私のために働いた

jQuery( document ).ready(function( $ ) {
  // jQuery(document)
  // $(document)
});

$をfunction（）に渡すことができます

jQuery(document).ready(function($){

// jQuery code is in here

});

または$(document);これで置き換えることができますjQuery(document);

またはあなたが使うことができます jQuery.noConflict()

var jq=jQuery.noConflict();
jq(document).ready(function(){  
  jq('selector').show();
});