WordPressお問い合わせフォーム7:送信ボタンが送信されず、同じページにリダイレクトされる(jquery / anchor navigation)
-
06-07-2019 - |
質問
jquery.slideto.jsナビゲーションシステムとhtmlアンカーを使用するWordPressページを開発しています。 Contact Form 7プラグインを使用しています
「送信」を押すと、ボタンを押すと、フォームは送信されず、含まれているjQuery検証スクリプトは起動しません。代わりに、送信せずに現在のページをリロードするだけです。
余分なコードとフォームを送信せずにフォームを別のページに含めましたが、jQuery検証は機能せず、"#wpcf7-f1-p93-o1quot;を追加して新しいページに移動します。現在のURLへ
テンプレートファイルで次のコードを使用しています
<?php
global $wpcf7_contact_form;
if ( ! ( $wpcf7_contact_form = wpcf7_contact_form( 1 ) ) )
return 'Contact form not found!';
$form = $wpcf7_contact_form->form_html();
echo $form;
?>
問題ページのURLはwww.beattrainsoundsystem.com/home#contactです(またはナビゲーションの[連絡先]リンクをクリックします)
動作しているがバグがあるページのURL:www.beattrainsoundsystem.com/test
問い合わせフォーム7を除くすべてのwordpressプラグインと、jQueryを除くすべてのスクリプトを無効にして、問題の原因を絞り込みました。私は月曜日に開発を続ける必要があるので、次の24時間(日曜日の東部標準時1:48 amから)デバッグモードになります。ご協力ありがとうございます!
デバッグに役立つようにページを変更する必要がある場合はお知らせください。
解決
ここには多くの問題がありますが、ソリューションの問題であった主な問題は次のとおりです。
上記の質問で引用したPHPには欠陥がありました。 (少なくとも私の場合、他の多くのスクリプト/プラグイン/変数などの場合)連絡フォーム7では、エディターで与えられたタグに固執することが重要だと思います(&quot; [contact-form 1&quot; Contactフォーム1&quot;]&quot;)。したがって、私のソリューションは、「contactForm」という名前の投稿を作成することでした。 &quot; contactForm&quot;というカテゴリでホームページからその投稿を取得します:
<?php $contact_drop = new WP_Query('p=109'); while ($contact_drop->have_posts()) : $contact_drop->the_post(); $do_not_duplicate = $post->ID; ?>
<div id="contact-slide">
<?php the_content(); ?>
</div>
<?php endwhile; ?>
同様の問題を抱えている人にはこのソリューションをお勧めします。