MWWPFormのデイトピッカーが動かない(表示されない)ときの対処法

WPでサイトを構築する際もれなくお問い合わせフォームはついてくるのですが、MWWPForm一択です。

非常に簡単で、カスタマイズ性も高いのでおすすめです。

ただ、予約が必要なサイトなど、デイトピッカーを設置しないといけない場合に動かない時があります。

動かないというより、テキストタイプのinputが表示されるだけで、クリックしてもカレンダーが出てこない場合です。

原因は色々あると思うのですが、大体解決する方法を一つ備忘録。

jqueryの読み込みソース周りを疑ってみる

私の場合はだいたいこれですね。

どういうことかというと

<?php wp_footer(); ?>

というデフォルトで必須のコードが、自作のjqueryの読み込みソースより下に記述されていると動かない。

というケースが多いです。

例えば

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>

という記述で読み込んでいるならば、それよりも上に<?php wp_footer(); ?>を記載します。

<?php wp_footer(); ?>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>

こうすることでサクッと動くことがありますので、一度お試しあれ!

ちなみにjs関係はソースの一番下にまとめて記述する派なので、head内にjsなど書いている方はwp_headerの記述場所を変えてみてもいいかもです。

 

補足

wp_footerやwp_headerはいろいろと自動で吐き出しちゃうコードなので、そのあたりは適宜調整してみてください。

無料相談フォーム