為什麼我的 AJAX 聯繫表單不能正常工作？

為什麼我的 AJAX 聯繫表單不能正常工作？

Contact Form 7 支持 AJAX 提交。因此，Contact Form 7 中正確配置的聯繫表單的工作方式與以下演示表單完全相同。嘗試在字段中輸入任何文本並提交。

您的姓名 （必填）

您的電子郵件 （必填）

您的留言

它怎麼樣？它是否像您網站上的聯繫表一樣工作？有些人可能會驚訝地注意到您的表單和這個演示表單之間的差異，並認為，「我的表單在提交後總是重新加載頁面，但這個表單不會。」

如果您的表單無法像這個演示表單那樣工作，則可能是 Contact Form 7 的 JavaScript 在您的網站上無法正常運行。我會告訴你一些可能的原因。

  • JavaScript 文件未加載這是我最近看到的原因。這是由於您的主題模板缺少用於排隊 JavaScript 的調用函數。所需的功能是 wp_head() 和 wp_footer()，它們分別在 header.php 和 中 footer.php，在大多數正確的主題中。
  • 與其他 JavaScript 的衝突許多插件和主題加載自己的 JavaScript 。其中一些可能創建不正確，因此與其他插件衝突。在大多數情況下，當發生此類衝突時，您可能能夠通過瀏覽器的腳本控制枱找到 JavaScript 錯誤。
  • HTML 結構無效與其他 JavaScript 一樣，Contact Form 7 的 JavaScript 遍歷和操作 HTML 的結構。因此，如果原始 HTML 結構無效，它將無法工作。您可以使用 HTML 驗證器檢查您的 HTML 是否有效。在這種情況下，我建議使用 W3C 標記驗證服務。