テンプレートとdo様配布「コイブミ」併用時にメニューの開閉が上手く動作しない場合

こんにちは、いらです。

当サイトのテンプレートはjQueryを使用しています。

ですので、do様より配布されているひとことフォーム「コイブミ」を併用した際、設置の仕方に問題があると、メニューの開閉が上手くいかない場合がございます。

確認するポイントについてまとめましたので、ご使用を検討中の方、上手くいかなくて困っている方の参考になりますと幸いです。

コイブミの設置方法、仕様については、配布元をご確認ください。

対象のファイル

• コイブミを設置したHTML、またはPHPファイル

解消方法

確認ヶ所

• bodyの閉じタグ</body>の直前にある、JSファイルの呼び出しコード

修正前

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!-- script -->
<script src="js/general.js"></script>
<!-- koibumi -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="koibumi_app/koibumi.js"></script>

設置ガイド通り単純にコピー&ペーストすると

• https://code.jquery.com/jquery-3.5.1.min.js
• https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js

の両方を呼び出しています

修正後

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- script -->
<script src="js/general.js"></script>
<!-- koibumi -->
<script src="koibumi_app/koibumi.js"></script>

jQueryの呼び出しは1回で良いので、テンプレートに埋め込まれている

• https://code.jquery.com/jquery-3.5.1.min.js

を、コイブミのガイドに記載されている

• https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js

に置き換えます。

※コードは「コイブミ」の設置ガイドに記載されている最新のコードをご利用ください。

---