Formulario de contacto de WordPress 7: el botón Enviar no se envía, redirige a la misma página (jquery / anchor navigation)

Question

Estoy desarrollando una página de WordPress que utiliza un sistema de navegación jquery.slideto.js y anclas html. Estoy usando el complemento Formulario de contacto 7

Al presionar " enviar " botón, el formulario no se envía y el script de validación jQuery incluido no se activa. En cambio, solo vuelve a cargar la página actual sin enviarla.

He incluido el formulario en otra página sin todo el código adicional y el formulario NO envía, pero ninguna de las validaciones de jQuery funciona, y navega a una nueva página agregando " # wpcf7-f1-p93-o1 " a la URL actual

Estoy usando el siguiente código en mi archivo de plantilla

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

La URL de la página del problema es: www.beattrainsoundsystem.com/home#contact (o haga clic en el enlace "Contacto" en la navegación)

la url de la página de trabajo pero con errores es: www.beattrainsoundsystem.com/test

He deshabilitado todos los complementos de WordPress, excepto el formulario de contacto 7, y todos los scripts, excepto jQuery, para limitar la fuente del problema. Necesito continuar desarrollando el lunes, por lo que durante las próximas 24 horas (comenzando el domingo a las 1:48 am EST) estará en modo de depuración. ¡Muchas gracias por tu ayuda!

Avíseme si necesita que realice algún cambio en la página para ayudarlo a ayudarme a depurar.

Answer 1

Muchos problemas aquí, pero aquí está el problema principal que fue el problema de la solución:

El PHP que cité en la pregunta anterior tenía fallas. Creo que es importante (al menos en mi caso con tantos otros scripts / complementos / variables, etc.) con el formulario de contacto 7 para quedarse con la etiqueta que le dan en el editor (" [contact-form 1 " Contact forma 1 ''] ''). Entonces, mi solución fue crear una publicación llamada "contactForm". en una categoría llamada " contactForm " y recupere esa publicación de la página de inicio:

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

Recomendaría esa solución para cualquier persona que tenga un problema similar.