エラーの出るWordPressを修正したお話

WordPressに限らずよく目にするエラー。

jQuery is not defined

jQueryが定義されていません

原因は様々でテーマやプラグインが絡むと頭が痛くなるエラーでございます。

jQuery is not defined

要はjQueryのコアファイルが読み込まれていないのにスクリプトを動かそうとするとエラーになってしまうっていう。

<script>
$(function(){
  ...
  ...
  ...
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js?ver=1.12.4"></script>

スクリプトより先に読み込めば普通は解決する。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js?ver=1.12.4"></script>
<script>
$(function(){
  ...
  ...
  ...
});
</script>

先に読み込んでいるのにエラーが出る場合がありました。

<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js?ver=1.12.4"></script>
<script>
$(function(){
  ...
  ...
  ...
});
</script>

defer属性