1. ホーム
  2. jquery

[解決済み】Wordpressでjqueryと$記号を使う方法

2022-04-01 17:26:02

質問

WordPressのプラグインで、簡単なjQueryスクリプトがあり、このようなjQueryラッパーを使用しています。

$(document).ready(function(){

    // jQuery code is in here

});

WordPressダッシュボードからこのスクリプトを呼び出し、jQueryフレームワークがロードされた後にロードしています。

Firebugでページを確認すると、常にエラーメッセージが表示され続けます。

TypeError: $ は関数ではありません。

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

この関数でスクリプトを包むべきでしょうか。

(function($){

    // jQuery code is in here

})(jQuery);

このエラーはかなりの回数発生しており、どのように対処したらよいのかわかりません。

何かお手伝いいただけると助かります。

解決方法は?

WordpressでjQueryをキューに入れる場合、デフォルトでは jQuery であり $ は使用しません(これは他のライブラリとの互換性のためです)。

で包むというあなたの解決策は function はうまくいくでしょうし、他の方法でjQueryをロードすることもできます(しかし、それはおそらくWordpressでは良いアイデアではないでしょう)。

どうしても document.ready を使用すると、実際に渡すことができます。 $ を関数呼び出しに追加します。

jQuery(function ($) { ...