Question

我有一个网站，图片作为菜单按钮。我使用翻转功能让他们在鼠标悬停时高亮显示。一切正常，直到我需要插入facebook社交插件，使用jquery.min.js。这导致了冲突 - 翻转功能或facebook插件工作 - 我试图将jquery.min.js行以各种可能的方式放在html文件中，但结果相同。我想我的变量有问题，需要使用jQuery.noConflict（）;但不确定我尝试过的各种方式 - 失败了。代码是：

<html>
 <head>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  <script type="text/javascript">

     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>
</head>

Jquery冲突：jquery.min.js vs rollover图像脚本

0 个答案: