jQuery: Cross browser conflict

**whippetkid** · Feb 15th, 2012, 11:51 AM

Hi,

I have adde several jQuery plugin elements to my website but it only works in Safari & Chrome - no other browser recognises the jQuery and the CSS which is attached to the elements. Here is all of the jQuery script, if possible can somebody please advise what might be the issue. I am aware it isn't the neatest coding as I am quite new to this kind of thing, apologies!

Many thanks

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/slider_global.css" type="text/css" />
<link rel="stylesheet" type="css" href="css/styles.css" />
<link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen" />
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript" src="demo/script.js">
</script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
        $("a img").fadeTo("slow", 0.5);

        $("a img").hover(function(){
                $(this).fadeTo("slow", 1.0);
        },function(){
                $(this).fadeTo("slow", 0.5);
        });
});

//]]>
</script>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript">
</script>
<script src="js/slides.min.jquery.js" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
                $(function(){
                        $('#slides').slides({
                                preload: true,
                                preloadImage: 'img/loading.gif',
                                play: 8000,
                                pause: 2500,
                                hoverPause: true
                        });
                });
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//]]>
</script>
<script type="text/javascript" src="jquery.easing.min.js">
</script>
<script type="text/javascript" src="jquery.lavalamp.min.js">
</script>
<script type="text/javascript">
//<![CDATA[
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout",
                speed: 700,
                click: function(event, menuItem) {
                }
            });
        });
//]]>
</script>

**Web Design Forums** · Feb 15th, 2012 11:51 AM

**Andrew Yurlov** · Feb 21st, 2012, 11:58 AM

Do you have a link to the site?

**jwind** · Mar 02nd, 2012, 10:49 PM

Try replacing $ with jQuery if you are having conflicts...

Thread: jQuery: Cross browser conflict

LinkBack

Thread Tools

Search Thread

Display

Remove Ads

Posting Permissions