jQuery的冲突

Question

我是新来的，我有解决不了

一个很大的问题，我有两个脚本不彼此

在这里工作是代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 


<script type="text/javascript"> 
$(document).ready(function(){ 
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true); 
}); 
</script> 
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 

<script type="text/javascript" src="js/jquery.skripta_1.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#slider1').skripta_1(); 
    }); 
</script> 

现在，当这个代码包含这部分

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true); 
    }); 
</script> 

不起作用

但是当我删除这部分

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 

提到的第一部分的工作，但这个

<script type="text/javascript" src="js/jquery.skripta_1.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('#slider1').skripta_1(); 
     }); 
    </script> 

不

我已经试过了涉及noConflict和重命名一切$与jQuery，但没有任何帮助

Answer 1

你应该永远只包括ude jQuery一次。将两个脚本包含到两个不同版本的jQuery中绝对会导致页面中断。选择最高版本，并坚持下去。

在你的情况下，使用1.4.2版本，并删除googleapis之一。或切换到more recent version from Google。

这里就是我会建议为你的最终代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 
<script type="text/javascript" src="js/jquery.skripta_1.min.js"></script> 


<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true); 
    $('#slider1').skripta_1(); 
}); 
</script> 

Answer 2

你加载的jQuery 1.3.2 和 1.4.2 Mini的。只需加载1.4.2。

Answer 3

所以，给你更多的代码， 它看起来像这样

的JavaScript的

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 


<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery.tinycarousel.min.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('#slider1').tinycarousel(); 
     }); 
    </script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true); 
    }); 
</script> 

和该JavaScript的HTML

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true); 
     }); 
    </script> 

是

<div id="featured" > 
    <ul class="ui-tabs-nav"> 

<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"> 
      <a href="#fragment-1"><span> 
      <div id="movie_thumb"><img src="image.png" width="80" height="60" border="0" /></div> 
       </span></a> 
     </li> 

    <li class="ui-tabs-nav-item" id="nav-fragment-2"> 
       <a href="#fragment-2"><span> 
     <div id="movie_thumb"><img src="image2.png" width="80" height="60" border="0" /></div> 
       </span></a> 
     </li> 

      <li class="ui-tabs-nav-item" id="nav-fragment-3"> 
       <a href="#fragment-3"><span> 
       <div id="movie_thumb"><img src="image3.png" width="80" height="60" border="0" /></div> 
          </span></a> 
     </li> 

      <li class="ui-tabs-nav-item" id="nav-fragment-4"> 
       <a href="#fragment-4"><span> 
      <div id="movie_thumb"><img src="image4.png" width="80" height="60" border="0" /></div> 
       </span></a> 
      </li> 

      <li class="ui-tabs-nav-item" id="nav-fragment-5"> 
       <a href="#fragment-5"><span> 
       <div id="movie_thumb"><img src="image5.png" width="80" height="60" border="0" /></div> 
       </span></a> 
      </li> 

     </ul> 

和这个JavaScript

<script type="text/javascript"> 
      $(document).ready(function(){ 
       $('#slider1').tinycarousel(); 
      }); 
     </script> 

的HTML是

<div id="slider1"> 
    <ul class="onemo"> 
     <li> MANY THINGS GO HERE</li> 
     <li> MANY THINGS GO HERE</li> 
     <li> MANY THINGS GO HERE</li> 
     <li> MANY THINGS GO HERE</li> 
    </ul> 
</div> 

这是否可能帮助？

Answer 4

其实，这里是我想通了

这是代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 
<script type="text/javascript" src="../js/jquery.tinycarousel.min.js"></script> 

，这是冲突的部分是一个

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 

<script> 
    (function ($) { 
     $('#slider1').tinycarousel(); 
     $("#featured > ul").tabs({ 
      fx: { 
       opacity: "toggle" 
      } 
     }).tabs("rotate", 0, true); 
    })(jQuery); 
</script> 

时取出一部分

$('#slider1').tinycarousel(); 

不工作，不除去这部分

$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true); 

不起作用，但第一个做