【问题标题】:WordPress Contact Form 7: Send button does not submit, redirects to same page (jquery / anchor navigation)WordPress 联系表 7:发送按钮未提交,重定向到同一页面(jquery / 锚导航)
【发布时间】:2010-12-21 08:30:09
【问题描述】:

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

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

我已经在另一个页面上包含了表单,没有所有额外的代码,并且表单确实发送了,但是 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;
     ?>

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

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

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

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

【问题讨论】:

    标签: jquery-validate wordpress form-submit contact


    【解决方案1】:

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

    我在上述问题中引用的 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; ?>
    

    我会向遇到类似问题的任何人推荐该解决方案。

    【讨论】:

      猜你喜欢
      • 2019-10-11
      • 2015-11-03
      • 2021-04-05
      • 1970-01-01
      • 2015-05-05
      • 1970-01-01
      • 1970-01-01
      • 2016-07-29
      • 2013-10-16
      相关资源
      最近更新 更多