「TypeError: $ is not a function…」エラーの解消方法
2019.11.26
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 ($) { ...
原文