点击Contact Form 7插件的发送按钮后，整个页面都刷新并转到页面顶部，但我只想重新加载联系表单

3 回答

• 5

  确保你打过电话

  <?php wp_footer(); ?>
  

  在您的页脚中，这就是联系表单7的AJAX文件如何进入您的主题 .

  回复于 2024-04-27T19:12:49+08:00
• 2

  这取决于你的CSS和JS ......为了成功，你应该遵循这些步骤 .

  第1步：停止在所有页面上加载JavaScript和CSS样式表

  当 WPCF7_LOAD_JS 的值设置为false (default: true) 时，Contact Form 7不会加载JavaScript . 您可以在 wp-config.php 中设置此常量的值，如下所示：

  define('WPCF7_LOAD_JS', false);
  

  同样，您可以使用 WPCF7_LOAD_CSS 控制CSS样式表的加载 . 当 WPCF7_LOAD_CSS 的值为false（默认值：true）时，联系表单7不会加载CSS样式表 . 你可以像这样在_2519473中设置它：

  define('WPCF7_LOAD_CSS', false);
  

  或者，如果您使用的是Contact Form 7 3.9或更高版本，您还可以通过在主题的 functions.php 文件中添加几行代码来禁用JavaScript和CSS的加载，如下所示：

  add_filter( 'wpcf7_load_js', '__return_false' );
  add_filter( 'wpcf7_load_css', '__return_false' );
  

  第2步：在包含联系表单的页面上加载文件

  假设您有一个名为“ example.php ”的页面，它是唯一包含联系表单的页面 . 您必须编辑' example.php '模板文件并插入以下行（将简短的联系表格代码放在其中）：

  <?php
  if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
  wpcf7_enqueue_scripts();
  
  }
  
  if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
  wpcf7_enqueue_styles();
  
  }
  
  ?>
  

  现在您应该刷新页面并单击“发送”按钮才能正常工作 . 谢谢 .

  回复于 2024-04-27T19:12:49+08:00
• -2

  从您的HTML中删除 <form method="post" action=""></form> 标记 . 联系表单7自动生成表单标签 .

  回复于 2024-04-27T19:12:49+08:00