jQueryがWordPressで読み込まれない事象の解決法

jQueryがWordpressで読み込まれない事象の解決法

まずは、jsファイルがきちんと読み込まれているかどうかを確認します。
jsファイルの読み込みに、header.php/footer.phpで読み込むか、functions.phpで読み込むかのどちらかだと思います。
ここではfunctions.phpで読み込みするものとして、例文を記載します。

functions.phpできちんと読み込んでいるかどうかを確認する

functions.php

wp_enqueue_script( 1, 2, 3, 4, 5);
1… スクリプトの識別名。
2… 読み込みたいスクリプトのパス。
3… スクリプトの種類。
4… バージョン。

jsファイルの書き方自体に問題がないか確認する

上記でも、もし直っていない場合、jsファイルの書き方自体に問題がある可能性があります。
読まれていない部分を、
jQuery(document).ready(function($){

});
でくくってください。

‘$’ は’jQuery’ 名前空間での別名 (エイリアス) となっているためです。
$は手っ取り早いjQueryへのアクセス識別子ですが、別の名前空間の識別子としても使用されるので、
jQueryの名前空間を使用がうまくいかないときは正式ない呼び方で、

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

});
でくくってあげる必要があります。

main.js

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

$(document).ready(function(){
という書き方もあります。

以上となります。

いかがでしたでしょうか?それではまた!