Support » Fixing WordPress » Resolving plugin confllicts (jQuery..?)

  • Hi,

    I really hope someone can help with this.

    I’m trying to use the inline MP3 player and the MailChimp plugins, both of which are essential to the site I’m building. Unfortunately the Mailchimp plugin stops the inline player from working.

    With these plugins, this code is generated in the head:

    <script type='text/javascript' src='/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
    <script type='text/javascript' src='/wp-includes/js/jquery/jquery.form.js?ver=2.02m'></script>
    <script type='text/javascript' src='/wp-content/plugins/mailchimp/js/mailchimp.js?ver=2.8.4'></script>
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml" />
    <link rel='index' title='' href='' />
    <meta name="generator" content="WordPress 2.8.4" />
    
    <style type='text/css'>
    .mc_error_msg { color: red; }
    .mc_success_msg { color: green; }
    .mc_merge_var{ padding:0; margin:0; }
    .mc_custom_border{ padding:5px; border-width: 0px;border-style: none;border-color: #111111;color: #222222;background-color: #;
    }
    .mc_custom_border legend {border-width: 0px;border-style: none;border-color: #000000;color: #111111;background-color: #FFFFFF;font-size: 1.2em;padding:5px 10px;
    }
    #mc_signup_form .mc_var_label, #mc_signup_form .mc_input { float:left; clear:both; }
    #mc_signup_form legend { padding:.5em;margin:0; }
    #mc-indicates-required { float:left; clear:both; }
    #mc_display_rewards { clear:both; }
    #mc_interests_header { font-weight:bold; clear:both; padding-top:.2em;}
    div.mc_interest{ clear:both;}
    input.mc_interest { float:left; }
    label.mc_interest_label {float:left; clear:right;}
    .mc_signup_submit { width:100%; text-align:center; clear:both; padding:.2em; }
    </style>
    <!--[if IE]>
    <style type='text/css'>
    #mc_signup_form fieldset { position: relative; }
    #mc_signup_form legend {
    padding:.3em;
    position: absolute;
    top: -1em;
    left: .2em;
    }
    #mc_message { padding-top:1em; }
    </style>
    <![endif]-->
    <script type="text/javascript">
    var mc_ajax_url = "/wp-content/plugins/mailchimp/mailchimp_ajax.php";
    </script><link rel="stylesheet" href="/wp-content/plugins/mp3inline/css/player.css" type="text/css" media="screen" />
    <script type="text/javascript" src="/wp-content/plugins/mp3inline/javascripts/prototype.js"></script>
    <script type="text/javascript" src="/wp-content/plugins/mp3inline/javascripts/domready.js"></script>
    <script type="text/javascript" src="/wp-content/plugins/mp3inline/javascripts/sprintf.js"></script>
    <script type="text/javascript" src="/wp-content/plugins/mp3inline/javascripts/Sound.js"></script>
    <script type="text/javascript" src="/wp-content/plugins/mp3inline/javascripts/Player.js"></script>
    <script type="text/javascript" src="/wp-content/plugins/mp3inline/javascripts/scriptaculous.js"></script>
    <script type="text/javascript" src="/wp-includes/js/jquery/jquery.js"></script>

    Does anyone know what I need to do in order to fix this conflict? Is it something to do with the noConflict function? I really know nothing about JavaScript so I’m fighting a losing battle here.

    Thanks for any help

Viewing 5 replies - 1 through 5 (of 5 total)
  • I’m not familiar with the mp3inline plugin.

    There is a second copy of the jquery library being loaded on the very last line of the code you pasted. jQuery is already loaded, the correct way, on the first line of the script.

    I downloaded the mp3inline plugin – it is not loading jquery, so another plugin might be doing that.

    You might try disabling all plugins except MailChimp and mp3inline and see if you still have the issue. It could be a 3rd plugin that is the problem between the two.

    The noConflict function would not be the issue.

    I see that mp3inline has not been updated in two years. That is a long time in terms of javascript libraries. If you can’t resolve it you may need to find a more current player.

    Thread Starter heriz

    (@heriz)

    Thanks for your response – I didn’t work out which plugin was loading jquery, that code was taken from the localhost source which I thought was using the same setup as the online version, but it seems it wasn’t.

    I’ve stripped the javascript out of the mailing list code for now, which has enabled the inline player again.

    I love this player – really unobtrusive, simple and seems elegant until you start testing in other browsers. Unfortunately in Chrome and Safari, it goes a bit crazy. I’m sure there’s a workaround but I just haven’t the time or funds to work it out.

    I wish there was a viable alternative to this player, but I’ve found none. All others (including the classic 1 pixel out) are too flashy for what I need.

    Shame!

    As a possible alternative, these are not WordPress plugin players but I have integrated them into a WP site before. free, if you can live with them displaying the name of their site on the player
    http://flash-mp3-player.net/

    Thread Starter heriz

    (@heriz)

    Thanks! This looks possible. As long as it’s extremely easy for the client to add a tune.

    The only one I’d want is the arrow on its own, but I can’t see the player type for that. Still, I’ll dig around.

    Thanks a lot

    Thread Starter heriz

    (@heriz)

    Hmm… no the code still looks too cumbersome for it to be used with ease by the client. It really does need to be a case of the player appearing once a link is added.

    The arrow on its own is the right direction

    Really surprised it’s this difficult to find a plugin for this.

    Anyway, thanks for your time!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Resolving plugin confllicts (jQuery..?)’ is closed to new replies.