6
votes

Conflit de mailchimp jquery

J'ai eu le temps le plus terrible intégrant MailChimp dans un site que je concevons!

Le problème est que la validation ne fonctionne pas pour le formulaire d'abonnement intégré. Au lieu d'inliquer les messages d'erreur, le formulaire se transforme à l'utilisateur sur la page d'inscription MailChimp pour corriger les erreurs ou confirmer la liste d'inscription.

J'ai fait une grande quantité de personnalisation au code. Malheureusement, de retour à la valeur par défaut n'est pas une option.

Voici les erreurs que je reçois, mais je suis un JS N00B, donc je ne sais pas ce qu'ils veulent dire:

casse sur erreur MCE_JQuery n'est pas défini:

Écran Shot 2010-08-22 à 4,34,50 AM.JPG

Je ne pense pas que ce soit une erreur qui puisse être capturée avec la console.

La chose étrange est ceci. Si je déchirez le code personnalisé et postez simplement le code statique de MailChimp, cela fonctionne en quelque sorte, mais j'ai copié tout le code concerné avec des fonctions importantes et toujours pas de dés.

Vous pouvez voir le site en direct à l'adresse suivante: http://rana.net/wp/contact < / p>

L'inscription de liste de messagerie est dans la liste déroulante coulissante en haut à droite. Les scripts correspondants sont incorporés juste après Div # Top_Mailing.


0 commentaires

5 Réponses :


1
votes

Essayez de déplacer ce code en haut en haut (comme immédiatement après tag): xxx


3 commentaires

Bon essais, mais non, après avoir bougé, il ne fait toujours pas la validation en ligne :(


Vous chargez 2 versions de JQuery dans votre code. Êtes-vous sûr de vouloir faire ça?


Vous étiez presque correct ALEC! Voir ma réponse ci-dessous pour la résolution :)



2
votes

La réponse d'Alec Smart était presque correcte. En exécutant JQuery en mode NOCONFLICT, le problème a été résolu. Alec a suggéré que j'ajoute jquery.noconflic (); dans l'en-tête du document. Il s'avère qu'il y a une ligne dans le code d'intégrité MailChimp commenté. Afin de permettre correctement le mode NOCONFLICT pour la recherche de script MailChimp de xxx

Supprimer le commentaire afin qu'il ressemble à ce xxx

et Ensuite, vous devriez être prêt à partir! :)


0 commentaires

4
votes

ou vous pouvez simplement renommer cette variable dans le mailChimp.js: xxx

à xxx

ne sais pas pourquoi le Les développeurs MailChimp ont décidé de réécrire le panneau dollar avec une méthode.


0 commentaires

2
votes

Utilisation de jQuery 1.8.1 et le dernier code mailchimp du 28 mai 2013

Je n'ai pas pu trouver le commentaire ci-dessus pour le décompresser. P>

Je pouvais cependant voir ce code mailchimp: P>

function mce_success_cb(resp){
jQuery(document).ready( function($) {
$('#mce-success-response').hide();


3 commentaires

Super! Content que cela ait aidé


Avez-vous ajouté un support de fermeture à la nouvelle ligne jQuery (document) .Ready (fonction ($) {? Si oui, où?


désolé ça fait un moment! Je pense que le support de fermeture doit être venu après tout le code à voir avec la réponse # mce-réussite. Faites-moi savoir si cela n'aide pas et je vais le chercher (je devrai travailler sur quel projet c'était sur !!)



2
votes

Je n'ai eu aucune chance avec aucune des solutions ci-dessus, probablement parce que la dernière réponse est de plus d'un an et ne reflète plus le code postal actuel.

Pour résoudre mes conflits de jQuery, j'ai copié le script mc-validate.js que MailChimp sert de http://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js et mettez-le sur notre propre serveur. Puis j'ai embelli et supprimé le code JQuery du fichier. De cette façon, il ne reste plus que notre version de JQuery sur notre serveur et rien de conflit de Conflit.

Comme il l'air, vous n'aurez pas non plus besoin de la ligne var $ mcj = jquery.noconflic (vrai); plus.

@mailchimp: une excellente solution à ce problème serait si vous pouviez simplement fournir une version différente du code sur vos serveurs Amazon, qui n'inclut pas JQuery.


0 commentaires