設置したjQueryが反応しなくて困っていたのですが、意外なところに答えがありました。
jQuery本体の記述をjQueryのプラグインの記述の後に書いてしまっていたんです。
例えば、
本当は下記のような順番で設置しなければならないのを・・・
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>
<script src=”js/jquery.colorbox-min.js”></script>
下記のように設置してしまっていたんです。
<script src=”js/jquery.colorbox-min.js”></script>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>
<head>の中がテンプレート化されていて、下のほうにjQuery本体が記述されていたことに気づかずテンプレート内に記述されていたjQery本体の上にjQuery本体を置いていたのですが、jQuery本体が二つあるからか反応しませんでした。
原因がわかるまでかなり時間を費やしてしまったのでメモしておきます。
コメント