WordPress联系表格7:发送按钮不提交,重定向到同一页面(jquery /锚点导航)

时间:2009-11-29 06:54:23

标签: wordpress jquery-validate wordpress-plugin form-submit contact

我正在开发一个使用jquery.slideto.js导航系统和html锚点的WordPress页面。我使用的是Contact Form 7插件

当按下“发送”按钮时,表单不会提交,并且包含的​​jQuery验证脚本不会触发。相反,它只是重新加载当前页面而不提交。

我已将表单包含在另一个页面上而没有所有额外的代码和表单DOES发送,但jQuery验证都不起作用,并通过附加“#wpcf7-f1-p93-o1”导航到新页面当前的网址

我在模板文件中使用以下代码

         <?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;
     ?>

问题页面的网址是:www.beattrainsoundsystem.com/home#contact(或点击导航栏中的“联系”链接)

工作但有缺陷页面的网址是:www.beattrainsoundsystem.com/test

我已禁用除联系表单7之外的所有wordpress插件,以及除jQuery之外的所有脚本以缩小问题的根源。我确实需要在星期一继续开发,所以在接下来的24小时(从美国东部时间周日开始,美国东部时间上午1:48),它将处于调试模式。非常感谢你的帮助!

如果您需要我对页面进行任何更改以帮助我进行调试,请告诉我。

1 个答案:

答案 0 :(得分:0)

这里有很多问题,但这是解决问题的主要问题:

我在上述问题中引用的PHP存在缺陷。我认为重要的是(至少在我的情况下还有很多其他脚本/插件/变量等等),联系表7要坚持他们在编辑器中给你的标签(“[联系表1”联系表格1 “]”)。所以我的解决方案是在名为“contactForm”的类别中创建一个名为“contactForm”的帖子,并从主页中检索该帖子:

<?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; ?>

对于有类似问题的人,我会推荐这个解决方案。