jquery.min.js противоречит 1.6.2 jquery.min.js из googleapis

Question

Я использую <script src="js/jquery.min.js"></script> ДЛЯ СЛАЙДЕРА и многие другие функции. Я также использую <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> ДЛЯ ГАЛЕРЕИ.

Все работает отлично, но когда я добавляю 1.6.2 jquery.min.js из googleapis, он останавливает все, включая ползунки и плавную прокрутку. Единственное, что работает, это галерея.

Вот мой код:

<link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> 
<link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.css" media="all" /> 
<script src="js/jquery.min.js"></script> 
<link href="css/style.css" rel='stylesheet' type='text/css' /> 
<script type="text/javascript" src="js/move-top.js"></script> 
<script type="text/javascript" src="js/easing.js"></script> 
<script type="text/javascript" src="js/jquery.flexisel.js"></script> 
<script type="text/javascript"> 
     jQuery(document).ready(function($) { 
      $(".scroll").click(function(event){  
       event.preventDefault(); 
       $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); 
      }); 
     }); 
    </script> 

В теле есть этот код:

<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
<!-- the jScrollPane script --> 
<script type="text/javascript" src="js/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script> 
<script type="text/javascript"> 
$('#ca-container').contentcarousel(); 
</script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 

Это тот, который вызывает конфликт, я попытался поставить его в голову, но это было не имеет значения:

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

Благодарим за помощь!

Answer 1

В общем, вам следует избегать использования двух разных версий jQuery на той же странице. Большую часть времени вам не нужно - они в значительной степени совместимы с обратной связью. Попробуйте сначала поставить новую версию из двух версий jQuery, а затем удалить другую. Поскольку js/jquery.min.js - это более новая версия, попробуйте полностью удалить google ajax apis.

Если вы используете что-то, нарушенное новой версией jQuery, убедитесь, что не была выпущена новая версия этой вещи. Если этого не произошло, попробуйте исправить его самостоятельно, чтобы работать с новым jQuery.

Следующая опция - проверить, есть ли более старая версия вещи, для которой требуется новый jQuery, который может работать со старой версией jQuery.

Если ни одна из этих опций не работает, вы можете попробовать использовать 2 версии jQuery на своей странице с помощью jQuery.noConflict(), но это не рекомендуется. После загрузки первой версии и перед загрузкой во-вторых, сделать что-то вроде:

j = jQuery.noConflict(); 

Затем используйте j вместо $ всякий раз, когда вы хотите использовать эту версию JQuery и $ для второй версии.