I’m having trouble with using a jQuery script with Joomla because apparently there are jQuery conflicts (more than one running) and I can’t seem to figure out which one to disable that doesn’t cause a conflict throughout the site. I posted here thinking that this was moreso a Joomla issue rather than a jQuery issue.
Without completely bloating this forum post, I have posted what is in my <head> tag for someone to give me a clue as to what to do (edited with ellipses ‘…’).
<link rel="stylesheet" href="/plugins/system/jcemediabox/css/jcemediabox.css?v=1017" type="text/css" />
<link rel="stylesheet" href="/plugins/system/jcemediabox/themes/standard/css/style.css?version=1017" type="text/css" />
<link rel="stylesheet" href="http://.../modules/mod_superfishmenu/tmpl/css/superfish.css" type="text/css" />
<script type="text/javascript" src="/plugins/system/jcemediabox/js/jcemediabox.js?v=1017"></script>
<script type="text/javascript" src="/plugins/system/jcemediabox/js/mediaobject.js?v=1017"></script>
<script type="text/javascript" src="/plugins/system/jcemediabox/addons/default.js?v=1017"></script>
<script type="text/javascript" src="/media/system/js/mootools.js"></script>
<script type="text/javascript" src="http://.../modules/mod_superfishmenu/tmpl/js/jquery.js"></script>
<script type="text/javascript" src="http://.../modules/mod_superfishmenu/tmpl/js/jquery.event.hover.js"></script>
<script type="text/javascript" src="http://.../modules/mod_superfishmenu/tmpl/js/superfish.js"></script>
<script type="text/javascript">
JCEMediaObject.init('/', {flash:"10,0,22,87",windowmedia:"5,1,52,701",quicktime:"6,0,2,0",realmedia:"7,0,0,0",shockwave:"8,5,1,0"});JCEMediaBox.init({popup:{width:"",height:"",legacy:0,lightbox:0,shadowbox:0,resize:1,icons:1,overlay:1,overlayopacity:0.8,overlaycolor:"#000000",fadespeed:500,scalespeed:500,hideobjects:0,scrolling:"fixed",close:2,labels:{'close':'Close','next':'Next','previous':'Previous','cancel':'Cancel','numbers':'{$current} of {$total}'}},tooltip:{className:"tooltip",opacity:0.8,speed:150,position:"br",offsets:{x: 16, y: 16}},base:"/",imgpath:"plugins/system/jcemediabox/img",theme:"standard",themecustom:"",themepath:"plugins/system/jcemediabox/themes"});
jQuery(function($){ $("ul.sf-menu").superfish({hoverClass:'sfHover', pathClass:'active', pathLevels:0, delay:800, animation:{opacity:'show'}, speed:'def', autoArrows:1, dropShadows:0}) });
jQuery.event.special.hover.delay = 100;
jQuery.event.special.hover.speed = 100;
</script>
<link href="http://.../components/com_chronocontact/themes/default/css/style1.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 6]><link href="http://.../components/com_chronocontact/themes/default/css/style1-ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if lt IE 7]><link href="http://.../components/com_chronocontact/themes/default/css/style1-ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
<script type="text/javascript">
var CF_LV_Type = 'default'; </script>
<link rel="stylesheet" href="http://.../components/com_chronocontact/css/calendar2.css" type="text/css" />
<link href="http://.../components/com_chronocontact/css/tooltip.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://.../components/com_chronocontact/js/calendar2.js"></script>
<script src="http://.../components/com_chronocontact/js/livevalidation_standalone.js" type="text/javascript"></script>
<link href="http://.../components/com_chronocontact/css/consolidated_common.css" rel="stylesheet" type="text/css" />
<script src="http://.../components/com_chronocontact/js/customclasses.js" type="text/javascript"></script>
<script type="text/javascript">
Element.extend({
getInputByName2 : function(nome) {
el = this.getFormElements().filterByAttribute('name','=',nome)
return (el)?(el.length)?el:el:false;
}
});
window.addEvent('domready', function() {
});
</script>
<script type="text/javascript">
window.addEvent('domready', function() {
});
</script>
<style type="text/css">
span.cf_alert {
background:#FFD5D5 url(http://.../components/com_chronocontact/css/images/alert.png) no-repeat scroll 10px 50%;
border:1px solid #FFACAD;
color:#CF3738;
display:block;
margin:15px 0pt;
padding:8px 10px 8px 36px;
}
</style>
<script src="http://.../components/com_chronocontact/js/jsvalidation2.js" type="text/javascript"></script>
<script type='text/javascript'>
var fieldsarray = new Array();
var fieldsarray_count = 0;window.addEvent('domready', function() {
elementExtend();setValidation("ChronoContact_registration", 1, 0, 0);});</script>
<script type="text/javascript">
elementExtend();
window.addEvent('domready', function() {
});
</script> <script type='text/javascript'>
//<![CDATA[
window.addEvent('domready', function() {
if ( typeof jQuery != 'undefined' ) {
jQuery.noConflict();
}
});//]]>
</script>
<link rel="stylesheet" href="/templates/..._internal/css/template.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="/templates/..._internal/css/main.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="/templates/..._internal/css/print.css" type="text/css" media="print" />
<link href="http://fonts.googleapis.com/css?family=Francois+One" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function(){
//Set default open/close settings
$('.acc_container').hide(); //Hide/close all containers
$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container
//On Click
$('.acc_trigger').click(function(){
if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
$('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
$(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
}
return false; //Prevent the browser jump to the link anchor
});
});
</script>
</head>
I understand that that jquery is loading more than once, but how do I modify to where it doesn’t? I’ve disabled all I could in the CMS without shutting down other components that require it. I’m left with ‘mootools.js’ (Mootools upgrade is disabled in the CMS), jquery (for superfish menu) and what else? I need the jQuery for Superfish, but what next?