jQuery 스크립트가 충돌 함

Question

jQuery를 사용하여 가로로 스크롤되는 웹 사이트를 만들고이 숨기기 및 표시 기능을 추가하려고합니다. 그러나 숨기기 기능을 위해 다른 jQuery 스크립트를 삽입 한 후에는 수평 스크롤링의 여유 효과가 작동하지 않습니다! 사이트의 탐색을 클릭하면 다른 섹션으로 이동합니다.

이

<link rel="stylesheet" href="styles/style.css" type="text/css" media="screen" /> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script> 
<script src="js/jquery.localscroll-min.js" type="text/javascript"></script> 
<script src="js/jquery.scrollTo-min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $.localScroll.defaults.axis = 'x'; 
     $.localScroll(); 
    }); 
</script> 
<!-----------------------hiding div------------------------------------> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 

     $(".slidingDiv").hide(); 
     $(".show_hide").show(); 

     $('.show_hide').click(function() { 
      $(".slidingDiv").slideToggle(); 
     }); 

    }); 
</script> 

사람이이 문제를 해결하는 방법을 알고 있나요 :

여기에 jQuery를 내 코드는?

Answer 1

귀하의 요구 사항에 따라 올바른 스크립트를 사용하고 있다고 가정하십시오.

많은 JavaScript 라이브러리는 jQuery처럼 '$'를 함수 또는 변수 이름으로 사용합니다. jQuery의 경우 '$'는 'jQuery'의 별칭 일뿐입니다. 이 문제를 해결하려면 충돌 모드에서 jquery를 추가하십시오.

<script type="text/javascript"> 
    //no conflict jquery 
    jQuery.noConflict(); 

    (function ($) { 

     //jquery code goes here.   
     $.localScroll.defaults.axis = 'x'; 
     $.localScroll(); 

    })(jQuery); 
</script> 
<script type="text/javascript"> 
    (function ($) { 

     $(".slidingDiv").hide(); 
     $(".show_hide").show(); 

     $('.show_hide').click(function() { 

      $(".slidingDiv").slideToggle(); 
     }); 

    })(jQuery); 
</script> 

두 번째 미리보기가 위치한