Question

在我的项目（WordPress上的网站）中我添加了一个联系表单7，当我点击SEND按钮然后它会转到页面顶部并且整个页面重定向但我只想要联系表单7刷新并提交价值就像姓名，消息，电子邮件。请帮忙......提前致谢。

Answer 1

确保你打电话

<?php wp_footer(); ?>

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

Answer 2

它依赖于你的CSS和JS ......为了成功，你应该遵循这些步骤。

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

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

define('WPCF7_LOAD_JS', false);

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

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();

}

?>

现在您应该刷新页面并单击“发送”按钮，它将正常工作。感谢＆＃39; S

Answer 3

# Restrict Contact form 7 scripts and styles
function conditionally_load_contactform7() {
if(! is_page( array ( 14 , 19 ) ) ) { # Edit page IDs here
    wp_dequeue_script('contact-form-7'); # Dequeue scripts.
    wp_dequeue_style('contact-form-7'); # Dequeue css.      
    }
}   
add_action( 'wp_enqueue_scripts', 'conditionally_load_contactform7' );

Answer 4

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

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

4 个答案: