閲覧ありがとうございます。
前提・実現したいこと
メールフォームプロCGIに、Datepickerを組み込んで、
カレンダーで日付指定を行いたいです。
発生している問題・エラーメッセージ
組み込むこと自体はできたんですが、
カレンダーで日付を選択した際、
「http://×××.com/#」となり、ページの上部に飛ばされます。
入力されてはいるのですが、
できればページ上部に飛ばされないようにしたいです。
該当のソースコード
<script type='text/javascript' src='/wp/wp-content/plugins/wordpress-popular-posts/public/js/wpp.js?ver=4.0.12'></script> <script type='text/javascript' src='/wp/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='/wp/wp-content/themes/virtue/assets/js/vendor/modernizr.min.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script> <script> $(function() { $("#datepicker").datepicker(); }); </script>
<input name="日にち" id="datepicker" type="text" readonly="readonly">
エラー
Chromeのコンソールのエラー表示
Uncaught TypeError: Cannot read property 'tagName' of null at mfpToggle (mailformpro.cgi:1836) at Array.<anonymous> (mailformpro.cgi:1867) at Object.MailformPro.extend.run (mailformpro.cgi:357) at HTMLInputElement.e.onblur (mailformpro.cgi:235)
試した事
メールフォームプロCGIの関与しない部分(<form>タグ外、メールフォームプロCGIが組み込まれていないページ)では正常に動作します。
補足情報(FW/ツールのバージョンなど)
メールフォームプロCGIのバージョンは4.2.3です。
jQuery ver1.12.4だとDatepickerが動かなかったので、ver1.9.1を読み込んでいます。
1.12.4のほうはワードプレスの方で設定しているテンプレート(?)のようなものなので、
新たに1.9.1を読み込んでいます。
何卒、ご教示よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー