ansaurus

Question

Answer 1

+1 A:

Try moving this code to right at the top (like immediately after <head> tag):

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"&gt;&lt;/script&gt;
<script>jQuery.noConflict();</script>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.validate.js"&gt;&lt;/script&gt;
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.form.js"&gt;&lt;/script&gt;

Alec Smart 2010-08-22 08:48:20

Good try, but no, after moving, it still doesn't do the inline validation :(

Brian 2010-08-22 09:10:37

You are loading 2 versions of jQuery in your code. Are you sure you want to do that?

Alec Smart 2010-08-22 18:54:27

You were almost correct Alec! See my answer below for the resolution :)

Brian 2010-08-22 19:18:30

Great! glad to know you got it working

Alec Smart 2010-08-22 20:01:22

Answer 2

A:

Alec Smart's answer was ALMOST correct. By running jQuery in NoConflict mode the issue was resolved. Alec suggested that I add jQuery.noConflict(); in the header of the document. It turns out that there is a line in the MailChimp embed code that is commented out. In order to properly enable the noConflict mode for the MailChimp script search for

 //var mce_jQuery = jQuery.noConflict();

Remove the comment so that it looks like this

 var mce_jQuery = jQuery.noConflict();

and then you should be good to go! :)

Brian 2010-08-22 19:18:06

ansaurus

tags:

views:

answers:

MailChimp jQuery Conflict

related questions