하나의 페이지에서 두 개의 자바 스크립트를 작동시키는 방법

Question

이것은 javscript로 작업하면서 가장 오랫동안 나를 당혹하게 만들었습니다. 먼저 두 개의 자바 스크립트 코드를 사용하고 있습니다.

여기에 위의 코드는 하나 개의 사업부에서 원활 다른 페이지 전환을하는 데 사용되는 첫 번째

<!-- The JavaScript --> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script type="text/javascript" src="jquery.easing.1.3.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('ul.nav a').bind('click',function(event){ 
       var $anchor = $(this); 

       $('html, body').stop().animate({ 
        scrollTop: $($anchor.attr('href')).offset().top 
       }, 1500,'easeInOutExpo'); 
       /* 
       if you don't want to use the easing effects: 
       $('html, body').stop().animate({ 
        scrollTop: $($anchor.attr('href')).offset().top 
       }, 1000); 
       */ 
       event.preventDefault(); 
      }); 
     }); 
    </script> 

입니다. 이처럼 --->http://tympanus.net/Tutorials/WebsiteScrolling/index_vertical.html

여기에이 코드는 기본적으로 슬라이더입니다

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://littleladyenterprises.com/wp-content/themes/blackchic/WebsiteScrolling/css/jquery.sudoSlider.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     var sudoSlider = $("#slider").sudoSlider({ 
      numeric: false, 
      continuous:true 
     }); 
var sudoSlider2 = $("#slider2").sudoSlider(); 
}); 

</script> 

일초

입니다

좋아, 작동하지만이 fisrt 스크립트를 만드는 마지막 슬라이더 스크립트를 배치하여, 페이지 전환 스크립트가 작동하지 않습니다. 많은 다른 스크립트로 이것을 보았습니다. JS saavy는 아니지만 한 페이지에서 어떻게 작동하는지 알려줄 수는 있습니다.

Answer 1

은 jQuery 라이브러리에 두 번째 호출 제거하십시오 (즉, 첫 번째 스크립트)

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

무엇 일어나고있는 것은 당신이 손실 될 수 그것으로 구성된 바인딩의 원인, JQuery와의 첫 번째 인스턴스를 덮어 쓰는 것입니다