ここ (http://www.brazendev4.com/Cadental/) の右側に Contact Form 7 プラグインを使用しています。[送信] ボタンを押すと、ページが URL に投稿されて更新されますが、通常は ajax 経由で投稿され、ページは更新されません。どんな助けでも大歓迎です。
前もって感謝します...
ここ (http://www.brazendev4.com/Cadental/) の右側に Contact Form 7 プラグインを使用しています。[送信] ボタンを押すと、ページが URL に投稿されて更新されますが、通常は ajax 経由で投稿され、ページは更新されません。どんな助けでも大歓迎です。
前もって感謝します...
フォームを処理するために ajax/js を使用することを計画している場合は、フォーム要素に空の action 属性を設定する必要があります。
例えば
<form action="" method="post" class="wpcf7-form">
submit 要素の onclick 属性を使用して、関連する JavaScript 関数を呼び出して処理し、ajax 経由で "/Cadental/#wpcf7-f14-w1-o1" に投稿してみてください。
例えば
<input type="submit" value="Submit" onclick="MyJavascriptFunction(this.form)" class="wpcf7-form-control wpcf7-submit text2">
私の推測では、JavaScript がフォームを処理する前に、DOM が action="/Cadental/#wpcf7-f14-w1-o1" に投稿し、ページをリロードしています。
あなたのページで jQuery を使用しているようですので、フォームのシリアル化機能を使用してフォームを処理するのは簡単なはずです。 http://api.jquery.com/serialize/
幸運を!
最善の方法は、使用している他のプラグインやテーマを調べて、使用している他の JavaScript と競合することで有名な CF7 と競合しているものがないことを確認することです。
彼らが助けることができるかもしれないドキュメントをチェックしてください。
それ以外の場合、フォームの編集機能が重要でない場合は、独自のフォームを作成して AJAX 経由で送信することをお勧めします。
これを行うためのリソースやトリック、ヒントがたくさんあります。