Pages

Fixed: MailChimp Success Message Missing With Conflict jQuery Issue

There is a problem with Mailchimp, when you use embed HTML code to show mailchimp subscription form on your website. The error message does show, but the successful or require email confirmation (double opt-in) message is missing.

This happens due to that jQuery library is loaded more than once in the page. For example, if you are running a WordPress blog (version 3.9.1 or later), the jQuery is loaded by the theme in most cases. The jQuery library may load more than twice, if you also install third-party plugin that is using jQuery or jQuery UI.

You can see the error in the browser debugger. "$ is not a function" at following line.
function mce_success_cb(resp){
    $('#mce-success-response').hide();

It means $ isn't an object or function after the jQuery was loaded.

The easy solution is to add the following code after "function mce_success_cb(resp){"


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

Remember to close the function call at the end of "function mce_success_cb(resp){" bracket.

});

No comments:

Post a Comment

Thank you for your feedback. If you find the tip and trick useful, feel free to share with your friends on Facebook, Twitter and G+!