[JQUERY] 나는 같은 페이지에 jQuery를 여러 버전을 사용할 수 있습니까?

나는 같은 페이지에 jQuery를 여러 버전을 사용할 수 있습니까?

해결법

1. ---

   1.네, jQuery의 noconflict 모드로 행할 인해입니다. http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/

   네, jQuery의 noconflict 모드로 행할 인해입니다. http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/

   <!-- load jQuery 1.1.3 -->
   <script type="text/javascript" src="http://example.com/jquery-1.1.3.js"></script>
   <script type="text/javascript">
   var jQuery_1_1_3 = $.noConflict(true);
   </script>
   
   <!-- load jQuery 1.3.2 -->
   <script type="text/javascript" src="http://example.com/jquery-1.3.2.js"></script>
   <script type="text/javascript">
   var jQuery_1_3_2 = $.noConflict(true);
   </script>
   

   그런 다음, 대신 $ ( '# 선택') 함수 (); 당신이) jQuery_1_3_2 ( '# 선택') 함수를 (할 것입니다..; 또는 jQuery_1_1_3 ( '# 선택기'). 함수 ();

2. ---

   2.이보고 내가 실제로 JQuery와 하나 개 이상의 인스턴스가 시간에 실행되도록 허용하지 않았다 발견 밖으로 시도 후. 주변 검색 후 나는이 그냥 트릭을했고, 훨씬 적은 코드는 것을 발견했다.

   이보고 내가 실제로 JQuery와 하나 개 이상의 인스턴스가 시간에 실행되도록 허용하지 않았다 발견 밖으로 시도 후. 주변 검색 후 나는이 그냥 트릭을했고, 훨씬 적은 코드는 것을 발견했다.

       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
       <script>var $j = jQuery.noConflict(true);</script>
       <script>
         $(document).ready(function(){
          console.log($().jquery); // This prints v1.4.2
          console.log($j().jquery); // This prints v1.9.1
         });
      </script>
   

   그래서 다음 "$"후 "J"를 추가하는 모든 내가 할 필요가 있었다.

   $j(function () {
           $j('.button-pro').on('click', function () {
               var el = $('#cnt' + this.id.replace('btn', ''));
               $j('#contentnew > div').not(el).animate({
                   height: "toggle",
                   opacity: "toggle"
               }, 100).hide();
               el.toggle();
           });
       });
   

3. ---

   3.http://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page에서 발췌 :

   http://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page에서 발췌 :

4. ---

   4.을 사용하는 jQuery를의 두 번째 버전을로드 한 후 원래의 복원 또는 어떤 jQuery를 이전에로드되지가 있다면 두 번째 버전을 유지하는 것이 가능하다. 다음은 그 예이다 :

   을 사용하는 jQuery를의 두 번째 버전을로드 한 후 원래의 복원 또는 어떤 jQuery를 이전에로드되지가 있다면 두 번째 버전을 유지하는 것이 가능하다. 다음은 그 예이다 :

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
   <script type="text/javascript">
       var jQueryTemp = jQuery.noConflict(true);
       var jQueryOriginal = jQuery || jQueryTemp;
       if (window.jQuery){
           console.log('Original jQuery: ', jQuery.fn.jquery);
           console.log('Second jQuery: ', jQueryTemp.fn.jquery);
       }
       window.jQuery = window.$ = jQueryTemp;
   </script>
   <script type="text/javascript">
       console.log('Script using second: ', jQuery.fn.jquery);
   </script>
   <script type="text/javascript">
       // Restore original jQuery:
       window.jQuery = window.$ = jQueryOriginal;
       console.log('Script using original or the only version: ', jQuery.fn.jquery);
   </script>
   

5. ---

   5.당신이 원하는대로 당신은 당신의 페이지 등 다양한 jQuery를 버전을 가질 수 있습니다.

   당신이 원하는대로 당신은 당신의 페이지 등 다양한 jQuery를 버전을 가질 수 있습니다.

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
   <script>
       var $i = jQuery.noConflict();
       alert($i.fn.jquery);
   </script> 
   
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
   <script>
       var $j = jQuery.noConflict();
       alert($j.fn.jquery);
   </script> 
   
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
   <script>
       var $k = jQuery.noConflict();
       alert($k.fn.jquery);
   </script> 
   

   DEMO | 출처

6. ---

   6.나는 당신이 항상 jQuery를 최신 또는 최근 안정 버전을 사용해야한다는 말을하고 싶습니다. 당신은 다른 버전과 몇 가지 작업을해야 할 경우에는 다음 해당 버전을 추가하고 다른 이름으로 $의 이름을 변경 할 수 있습니다. 예를 들면

   나는 당신이 항상 jQuery를 최신 또는 최근 안정 버전을 사용해야한다는 말을하고 싶습니다. 당신은 다른 버전과 몇 가지 작업을해야 할 경우에는 다음 해당 버전을 추가하고 다른 이름으로 $의 이름을 변경 할 수 있습니다. 예를 들면

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
   <script>var $oldjQuery = $.noConflict(true);</script>
   

   당신이 뭔가 다음 최신 버전을 얻을 것이다 $를 사용하여 작성하는 경우 여기 봐. 그런 다음 이전에 조치를 취할 필요하지만 단지 $ 대신 $ oldjQuery를 사용합니다.

   다음 예는

   $(function(){console.log($.fn.jquery)});
   $oldjQuery (function(){console.log($oldjQuery.fn.jquery)})
   

   데모

7. ---

   7.물론, 그래 당신은 할 수 있습니다. https://api.jquery.com/jquery.noconflict/ :이 링크는 당신이 달성 할 수있는 방법에 대한 세부 정보를 포함합니다.

   물론, 그래 당신은 할 수 있습니다. https://api.jquery.com/jquery.noconflict/ :이 링크는 당신이 달성 할 수있는 방법에 대한 세부 정보를 포함합니다.

from https://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page by cc-by-sa and MIT license