Contactform 7 Datapickerが表示しない

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも Contactform 7 Datapickerが表示しない

  • このトピックには6件の返信、2人の参加者があり、最後ににより2ヶ月、 3週前に更新されました。
6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #42827
      ぼんじり
      ゲスト

      いつもお世話になっております。
      http://www.taiyou-tsuruse.com/
      のサイトをこちらのテーマで作成させていただきました。

      Contact form 7 を導入し、日付入力をContact form Datapickerで行っています。
      http://www.taiyou-tsuruse.com/booking/
      ↑こちらのページでは、きちんとカレンダーが表示されるのですが、
      http://www.taiyou-tsuruse.com/hernia/
      他、計7ページではカレンダーが表示されず、困っています。

      クライアントの希望で、ひとつのコンタクトフォームデータを共有するのではなく、それぞれ個別に用意していますが、正常表示のデータを複製して作成しているので中身は同じです。

      どうしてだろう…どなたかご教授いただけると大変助かります。よろしくお願いいたします。

    • #42836
      アバター画像わいひら
      キーマスター

      例えば、一旦他のテーマに切り換えて表示させると、すべてカレンダーが表示されるのでしょうか?
      そちらを、一度試してみてもらってよいでしょうか。

    • #42838
      teru
      ゲスト

      ページを拝見しました。
      Simplicityによるものではありません。

      おそらく原因はdatatablesです。
      datatablesはcolspanやrowspanをサポートしていません。
      https://datatables.net/forums/discussion/33497/cannot-set-property-dt-cellindex-of-undefined

      そのため以下のid=”tablepress-6″のテーブルに対するdatatablesの初期化でエラーが発生しており、
      それによってDatapickerのJavaScriptが動作していないようです。

      datatablesの機能を使用しないのであれば以下のコードを削除してみてください。

      jQuery(document).ready(function($){
      var DataTables_language={};
      DataTables_language["ja"]={"info":"_TOTAL_ 件中 _START_ から _END_ まで表示","infoEmpty":"0 件中 0 から 0 まで表示","infoFiltered":"全 _MAX_ 件より抽出)","infoPostFix":"","lengthMenu":"_MENU_ 件表示","processing":"処理中...","search":"検索:","zeroRecords":"データはありません。","paginate": {"first":"先頭","previous":"前","next":"次","last":"最終"},"decimal":"","thousands":","};
      $('#tablepress-6').dataTable({"language":DataTables_language["ja"],"order":[],"orderClasses":false,"stripeClasses":[],"pagingType":"simple"});
      });
    • #42840
      Hidekichi
      ゲスト

      jquery.DataTables.min.jsに、
      TypeError: i is undefined

      と言うエラーが出てますが、これのせいでカレンダーが出ていないとかそういうのではないんですかね?
      Chromeではまたこれとは別に
      jquery.datatables.min.js:24 Uncaught TypeError: Cannot set property ‘_DT_CellIndex’ of undefined

      と言うのが出ています。Cannot set propertyとあるので、DT_CellIndexが見つからないのでプロパティがセットできないとかそう言う感じではなかろうかと思います。

      ちなみに同じものかどうかはわかりませんが、datatables.netでアクセスしてダウンロードしたファイルは、バージョンが、DataTables 1.10.12で今適用されているものより少しバージョンが進んでいます。
      JSHintで調べるといくつかエラーはあるっぽいですが、これが本当にエラーかどうかは何とも言えません。

      DataTablesが何をしているのかは知りませんけれども(笑)

      firefoxにしてもChromeにしても/hernia/の方でエラーがあるのは確かみたいなので、再度設定を見なおされてみてはどうかと思います。

      確かに、http://www.taiyou-tsuruse.com/booking/の方はエラーは出てません。
      読み込まれているファイルも同じようなものですし、致命的な読み込み順ということも無いようにも思います。となると、設定なのかなぁと思うんですが…。

      js/jQueryがjQuery本体なら、1.4.3があって、更にjQuery.js(おそらくwordpressのおまけ)で1.11.3が読み込まれているっぽいので、ここらも気になる所です。

      http://www.img01.ekiten.jp/ってのはなんでしょうね?
      サーバーが別っぽいのでjQueryが重複しているの自体は問題ないと思いますが、1.4.3で動作するような古いスクリプトなら、同様の機能を持った新しいものを探される方が良いようにも思います。

    • #42844
      ぼんじり
      ゲスト

      皆さん、いつもありがとうございます!

      teruさんのアドバイスを参考にTablepressのプラグインを停止にしてみたところ、きちんとカレンダーが表示されました!

      ご教授いただきましたコードの削除ですが、みあたらず…
      私には不具合を修正する知識&技術が欠けているので、今回Tablepressの使用をやめました。
      同じくインストールしているShortcode Ultimateのテーブル機能を使っていれ、一件落着です。

      それにしても、Tablepressは便利に使っていただけに、残念です。

      ありがとうございました!

    • #42846
      ぼんじり
      ゲスト

      Hidekichiさん、いつもありがとうございます。

      Hidekichiさんのご説明、素人の私にはハードルが今回高く…勉強しますっ!

      >http://www.img01.ekiten.jp/ってのはなんでしょうね?

      これは、「エキテン」というクチコミサイトが吐き出すタグの一部だと思います。エキテンに登録し、エキテン指定のロゴマークを埋め込むにあたり、指定されたタグを埋め込んで表示しています。

    • #42850
      teru
      ゲスト

      >ご教授いただきましたコードの削除ですが、みあたらず…
      プラグインで生成されているコードのようです。

      Tablepressを切ってしまうと
      [table id=6 /]
      が残ってしまってしまい、営業時間のテーブルが表示できなくなってしまっています。

      最新バージョンのTablepressプラグインを確認しましたが、テーブル個別に並び替え等を行わない設定ができるようです。
      おそらく並び替えは必要ないので、以下の手順でdatatablesを切ってください。
      手順
      1.Tablepressプラグインを有効化する
      2.TablePressの設定に行き、idが6のテーブルの編集画面に行きます。
      3.「Features of the DataTables JavaScript library」の
      「Use DataTables: □Use the following features of the DataTables JavaScript library with this table:」
      の箇所のチェックをはずす。
      4.保存

6件の返信スレッドを表示中
  • トピック「Contactform 7 Datapickerが表示しない」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)