「TypeError: $ is not a function…」エラーの解消方法

2019.11.26

質問内容

ワードプレスのプラグインでJqueryのシンプルなスクリプトを記述している部分があります。

$(document).ready(function(){

    // jQuery code is in here

});

WordPressダッシュボード内からこのスクリプトを呼び出し、jQueryフレームワークがロードされた後にロードしています。
Firebugでページをチェックすると、常にエラーメッセージが表示されます。

TypeError: $ is not a function

$(document).ready(function(){

ベストアンサー

デフォルトでは、WordpressでjQueryをエンキューする場合「jQuery」を使用する必要があり、「$」は使用されません（これは他のライブラリとの互換性のためです）。

「function」を下記のようにラッピングするか、jQueryのスクリプトを他からロードすることでうまく機能します。（ただし、Wordpressではおそらくそれはお勧めできません）。
「document.ready」を使用する必要がある場合は、関数呼び出すために下記のように記述します。

jQuery(function ($) { ...

原文