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

Question

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

Lorsque vous cliquez sur le bouton "envoyer", le formulaire n'est pas envoyé et le script de validation jQuery inclus ne se déclenche pas. Au lieu de cela, il suffit de recharger la page en cours sans soumettre.

J'ai inclus le formulaire sur une autre page sans tout le code supplémentaire et le formulaire DOES envoie, mais aucune validation de jQuery ne fonctionne, et il navigue vers une nouvelle page en ajoutant "# wpcf7-f1-p93-o1" à l'URL actuelle

J'utilise le code suivant dans mon fichier 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 problème est: www.beattrainsoundsystem.com/home#contact (ou cliquez sur le « contact » lien dans le nav)

l'adresse de la page de travail mais de buggy est: ww w.beattrainsoundsystem.com/test

J'ai désactivé tous les plugins wordpress à l'exception du formulaire de contact 7, et tous les scripts sauf jQuery pour affiner la source du problème. Je dois continuer à développer le lundi, donc pour les prochaines 24 heures (à partir de dimanche à 01h48 EST), il sera en mode debug. Merci beaucoup pour votre aide! Faites-moi savoir si vous avez besoin de moi pour modifier la page afin de m'aider à déboguer.

Answer 1

Beaucoup de questions, mais voici la question principale qui était le problème de la solution:

Le PHP que je citais dans la question ci-dessus était erronée. Je pense qu'il est important (au moins dans mon cas avec tant d'autres scripts/plugins/variables etc ...) avec le formulaire de contact 7 de coller avec le tag qu'ils vous donnent dans l'éditeur ("Formulaire de contact 1" Formulaire de contact 1 "]"). Donc, ma solution était de créer un poste appelé « contactForm » dans une catégorie appelée « contactForm » et récupérer ce poste à 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 recommande cette solution pour toute personne ayant un problème similaire.