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

2019/08/28

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はいろいろと自動で吐き出しちゃうコードなので、そのあたりは適宜調整してみてください。

BACK TO ALL

お問い合わせはこちら