두 개의 Jquery 스크립트를 병합하십시오.

Question

JS 나 jquery에 너무 익숙하지 않아서 맨손으로 있습니다. 나는 그러나 개별적으로 그들이 잘 작동, 그물에서 두 개의 스크립트, 내가 한 페이지 만 후자의 작품에 모두 배치 할 때

하나

이

<script src="jqzoom/js/jquery-1.6.js" type="text/javascript"></script> 
<script src="jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script> 
<link rel="stylesheet" href="jqzoom/css/jquery.jqzoom.css" type="text/css"> 

<script> 
$(function() {  
      $('.jqzoom').jqzoom({ 
      zoomType: 'standard', 
      lens:true, 
      preloadImages: false, 
      alwaysOn:true 
     }); 
}); 
</script> 

및

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
    <script> window.jQuery || document.write('<script src="booklet/jquery-2.1.0.min.js"><\/script>') </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
    <script> window.jQuery.ui || document.write('<script src="booklet/jquery-ui-1.10.4.min.js"><\/script>') </script> 
    <script src="booklet/jquery.easing.1.3.js"></script> 
    <script src="booklet/jquery.booklet.latest.js"></script> 

    <script> 
     $(function() {  
      $("#mybook").booklet(); 
     }); 
    </script> 

다른

같다 다운로드 .

같은 페이지 내에서 Jquery를 두 번 호출 할 수는 없지만 모든 jquery 추가를 제거하고 /jquery.js를 사용하면 아무 것도 작동하지 않는다는 것을 이해합니다. 이 스크립트는 내가 다운로드 한 스크립트이며, 여기에 HTML을 삽입하지 않아도된다는 것을 알았습니다.

두 페이지를 한 페이지로 만들려면 어떻게해야합니까?

감사합니다.

Answer 1

다른 모든 라이브러리에는 j 쿼리 표준 librery가 포함되어 있습니다.

<script src="jqzoom/js/jquery-1.6.js" type="text/javascript"></script> 
<script src="jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script> 
<link rel="stylesheet" href="jqzoom/css/jquery.jqzoom.css" type="text/css"> 
<script> window.jQuery || document.write('<script src="booklet/jquery-2.1.0.min.js"><\/script>') </script> 
<script> window.jQuery.ui || document.write('<script src="booklet/jquery-ui-1.10.4.min.js"><\/script>') </script> 
    <script src="booklet/jquery.easing.1.3.js"></script> 
    <script src="booklet/jquery.booklet.latest.js"></script> 

<script> 
$(function() {  
      $('.jqzoom').jqzoom({ 
      zoomType: 'standard', 
      lens:true, 
      preloadImages: false, 
      alwaysOn:true 
     }); 

     $("#mybook").booklet(); 
}); 
</script> 

Answer 2

첫 번째 스크립트에는 2 개의 js 라이브러리가 추가되고 두 ​​번째 스크립트에는 4 개의 라이브러리가 추가됩니다. 각각의 스크립트를 실행하는 데 필요한 모든 라이브러리.

하나의 문제는 1.6과 2.1 인 두 번째 jQuery를 추가하는 것입니다. 어느 것이 필요하지 않습니다. 이 같은 일을

시도 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
    <script> window.jQuery || document.write('<script src="booklet/jquery-2.1.0.min.js"><\/script>') </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
    <script> window.jQuery.ui || document.write('<script src="booklet/jquery-ui-1.10.4.min.js"><\/script>') </script> 
    <script src="booklet/jquery.easing.1.3.js"></script> 
    <script src="booklet/jquery.booklet.latest.js"></script> 

    //required for first script 
    <script src="jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script> 
    <link rel="stylesheet" href="jqzoom/css/jquery.jqzoom.css" type="text/css"> 
    //------------- 

    <script> 
     $(function() {  
      //this is your second script 
      $("#mybook").booklet(); 

      //this is your first script 
      $(function() {  
       $('.jqzoom').jqzoom({ 
       zoomType: 'standard', 
       lens:true, 
       preloadImages: false, 
       alwaysOn:true 
      }); 

     }); 
    </script> 

이 두 번째 스크립트가 실행 유지해야합니다. 그리고 처음 실행되지 않으면 'jqzoom'플러그인이 jquery 2.1과 호환되지 않습니다.

Answer 3

이전 jQuery 버전의 대부분의 문제는 Migrate Plugin에서 해결되었으므로 확인해야합니다.

그냥 최신 버전을 추가하면 해당 플러그인과 스크립트가 이론적으로 작동합니다.