Frage

Ich habe die schrecklichste Zeit wurde mit MailChimp in eine Website zu integrieren ich Gestaltung bin!

Das Problem ist, dass die Validierung nicht funktioniert für die eingebettete abonnieren Form. Statt inlining Fehlermeldungen Eins, startet das Formular den Benutzer über auf die MailChimp Anmeldeseite Fehler korrigieren oder bestätigen Liste opt in.

Ich habe eine schwere Menge an Anpassung an den Code getan, also leider auf die Standardeinstellung zurück, ist keine Option.

Hier sind die Fehler, die ich bin immer, aber ich bin ein JS n00b so dass ich weiß nicht, was sie bedeuten:

Break auf Fehler mce_jQuery nicht definiert ist:

Screen gedreht 2010-08-22 an 4.34.50 AM.jpg

Ich glaube nicht, es ist ein Fehler, wenn auch mit der Konsole aufgefangen werden kann.

Die seltsame Sache ist diese. Wenn ich den benutzerdefinierten Code herausreißen und nur die statische Code von MailChimp Post irgendwie funktioniert es, aber ich habe alle relevanten Code mit wichtigen Funktionen kopiert und noch keine Würfel.

Sie können die Seite sehen bei: http://ranya.net/wp/contact

Die MailChimp Liste Anmeldungen ist in der oberen rechten Ecke Schiebe Dropdown-Menü. Die entsprechenden Skripte werden nur nach div # top_mailing eingebettet ist.

War es hilfreich?

Lösung 5

Alec Smart-Antwort war fast richtig. Durch das Ausführen jQuery in noConflict Modus wurde das Problem behoben. Alec schlug vor, dass ich hinzufügen jQuery.noConflict (); in der Kopfzeile des Dokuments. Es stellt sich heraus, dass es eine Zeile in der MailChimp Code einbetten, die kommentiert geführt wird. Um richtig den noConflict-Modus für die MailChimp Skript Suche nach

zu aktivieren 
 //var mce_jQuery = jQuery.noConflict();

Entfernen Sie den Kommentar, so dass es wie folgt

sieht 
 var mce_jQuery = jQuery.noConflict();

und dann sollten Sie gut zu gehen! :)

Andere Tipps

Oder Sie können einfach umbenennen nur diese Variable in der mailChimp.js: 

var mce_jQuery = jQuery.noConflict();


var mce_jQuery = jQuery;

Sie wissen nicht, warum die MailChimp Entwickler die Dollar-Zeichen mit einem Verfahren neu zu schreiben entschieden.

Mit jQuery 1.8.1 und die neueste MailChimp Code ab 28. Mai 2013

Ich kann nicht den obigen Kommentar finde um den Kommentar aufzuheben.

Ich kann jedoch diesen MailChimp Code sehen: 

function mce_init_form(){
jQuery(document).ready( function($) {

Mein Verständnis dieser ist nicht groß, aber diese Wiederabtretungsempfänger der Standard jquery $ variable.

jedoch später im Code gibt es diese: 

function mce_success_cb(resp){
$('#mce-success-response').hide()

, die den MailChimp Code wurde, Auslösung

Habe ich es zu 

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

und es funktioniert. Nicht ganz sicher, warum (und würde eine Erklärung lieben!), Aber dachte, dass ich schreiben würde, wie jemand über diese Frage in der gleichen Art und Weise kommen könnte wie ich.

hatte ich kein Glück mit einem der oben genannten Lösungen, wahrscheinlich, weil die letzte Antwort ist mehr als ein Jahr alt und entspricht nicht den aktuellen MailChimp Code mehr.

Um meine jQuery Konflikte zu lösen, ich das mc-validate.js Skript kopiert, dass MailChimp dient von http://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js und setzen es auf unseren eigenen Server. Dann verschönerte ich es und entfernte den jQuery-Code aus der Datei. Auf diese Weise gibt es jetzt nur unsere Version von jQuery auf unserem Server und nichts con Konflikt links mehr.

Wie es aussieht, werden Sie auch die Linie var $mcj = jQuery.noConflict(true); nicht mehr benötigen.

@mailchimp. Eine großartige Lösung für dieses Problem wäre, wenn Sie nur eine andere Version des Codes auf Ihrem Amazon-Server bieten könnten, die nicht jquery nicht enthält

Versuchen Sie diesen Code, um ganz oben zu bewegen (wie unmittelbar nach <head> Tag): 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>jQuery.noConflict();</script>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.form.js"></script>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top