質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

3263閲覧

メールフォームプロにDatepickerを組み込んだ際のリンク

yokotate

総合スコア12

jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2018/04/19 07:15

編集2018/04/19 08:50

閲覧ありがとうございます。

前提・実現したいこと

メールフォームプロ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を読み込んでいます。

何卒、ご教示よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2018/04/19 07:31

現象が再現しません。(メールフォームプロではなくローカルhtmlで試しました。)他のプラグインなどが邪魔していたりしませんか? あと、本質問はPHPとは直接関係内容に見えますので、タグの調整をお願いします。
yokotate

2018/04/19 07:40

記載不足大変申し訳ございません。メールフォームプロCGIの関与しない部分(<form>タグ外、メールフォームプロCGIが組み込まれていないページ)では正常に動作するのです。 他のプラグインが邪魔している可能性…そうですね、一度調べてみます。ありがとうございます。 また、タグのご指摘ありがとうございます。修正いたしました。
m.ts10806

2018/04/19 07:49

その旨、追記いただけますか?「調べてみたこと・やってみたこと」に含まれますし、再現確認をとるさいの重要な情報となりえます。
m.ts10806

2018/04/19 07:54

同バージョンをダウンロードして確認してみました。example.htmlに今回の入力項目を追加しただけですが、やはり再現確認とれませんでした。ご自身が組まれているhtmlをなるべく開示可能な範囲で全てご提示いただいた方が良いかもしれません。何かが邪魔していそうです。ブラウザ開発ツールのコンソールに何かエラーが出力されていないかもご確認ください。
yokotate

2018/04/19 08:11

記載不足のご指摘ありがとうございます。追記いたしました。 また、同バージョンをダウンロードしてのご確認もありがとうございます。再現しなかったとのことで、ありがとうございます。 コンソールの確認もしてみます。ご教示ありがとうございます。
x_x

2018/04/19 08:21

jQuery UIを使っているならタグに「jQuery UI」を追加してもらえるでしょうか?
m.ts10806

2018/04/19 08:23

既に1.12が読み込まれているということで、jQuery本体の競合が起きているように思います。
yokotate

2018/04/19 08:29

>x_x様 ご指摘ありがとうございます。修正いたしました。 >mts10806様 ご指摘ありがとうございます。そのあたりを修正してみます。ありがとうございます。
Lulucom

2018/04/19 09:22 編集

現象がこの未解決の質問に似ているように思います。-> https://teratail.com/questions/52966 (追記・修正の依頼というわけではないです、すみません)
yokotate

2018/04/20 00:40 編集

>lulucom様 よく確認したら、こちらの方と同じ現象でした…。確認せずに新たな質問を立てて申し訳ございません…。 ですが、まだ解決していないので、削除はしないでおきます。申し訳ございません。
guest

回答1

0

自己解決

すみません、原因がよくわからないまま解決いたしました。
おそらく、全角スペースが入っていたとかだったのかもしれません。

ご教示・ご指摘いただきました、mts10806様、x_x様、lulucom様、ありがとうございました。

投稿2018/04/20 04:06

yokotate

総合スコア12

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問