Formulaire de contact WordPress 7: le bouton Envoyer ne soumet pas, redirige vers la même page (navigation jquery / anchor)

Question

Je développe une page WordPress utilisant un système de navigation jquery.slideto.js et des ancres html. J'utilise le plugin Contact Form 7

Lorsque vous appuyez sur le bouton " envoyer " bouton, le formulaire n'est pas soumis et le script de validation jQuery inclus ne se déclenche pas. Au lieu de cela, il ne fait que recharger la page actuelle sans le soumettre.

J'ai inclus le formulaire sur une autre page sans tout le code supplémentaire et le formulaire n'envoie pas, mais aucune des validations jQuery ne fonctionne, et il passe à une nouvelle page en ajoutant "# wpcf7-f1-p93-o1". à l'URL actuelle

J'utilise le code suivant dans mon fichier de modèle

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

L'URL de la page du problème est la suivante: www.beattrainsoundsystem.com/home#contact (ou cliquez sur le lien "Contact" du navigateur)

l'URL de la page active mais boguée est la suivante: www.beattrainsoundsystem.com/test

J'ai désactivé tous les plug-ins wordpress, à l'exception du formulaire de contact 7, et tous les scripts, à l'exception de jQuery, afin de réduire la source du problème. Je dois continuer à développer lundi, donc pour les prochaines 24 heures (à partir de dimanche à 13h48 HNE), il sera en mode débogage. Merci beaucoup pour votre aide!

Prévenez-moi si vous avez besoin que je modifie la page pour m'aider à déboguer.

Answer 1

Beaucoup de problèmes ici, mais voici le problème principal qui était le problème de la solution:

Le code PHP que j'ai cité dans la question ci-dessus était défectueux. Je pense qu'il est important (du moins dans mon cas avec tant d'autres scripts / plugins / variables, etc.) avec le formulaire de contact 7 de coller avec la balise qu'ils vous donnent dans l'éditeur (" [contact-formulaire 1 "Contact formulaire 1 "]"). Ma solution a donc été de créer un poste appelé "contactForm". dans une catégorie appelée " contactForm " et récupérez cette publication à partir de la page d'accueil:

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

Je recommanderais cette solution à toute personne ayant un problème similaire.