복붙노트

[JQUERY] 어떻게 같은 페이지에 jQuery를의 다른 버전을 실행합니까?

JQUERY

어떻게 같은 페이지에 jQuery를의 다른 버전을 실행합니까?

해결법


  1. 1.당신은없는 충돌 모드에서 jQuery를 버전을 실행하여이 작업을 수행 할 수 있습니다. "어떤 충돌"모드는 jQuery를 프로토 타입과 같은 다른 프레임 워크와 페이지 작업, 그것은 본질적으로로드 jQuery를 각 버전의 네임 스페이스로도 여기에 사용할 수 있습니다 얻을 수있는 일반적인 해결책은 없다.

    당신은없는 충돌 모드에서 jQuery를 버전을 실행하여이 작업을 수행 할 수 있습니다. "어떤 충돌"모드는 jQuery를 프로토 타입과 같은 다른 프레임 워크와 페이지 작업, 그것은 본질적으로로드 jQuery를 각 버전의 네임 스페이스로도 여기에 사용할 수 있습니다 얻을 수있는 일반적인 해결책은 없다.

    <script src="jQuery1.3.js"></script>
    <script>
        jq13 = jQuery.noConflict(true);
    </script>
    
    <!-- original author's jquery version -->
    <script src="jQuery1.2.3.js"></script>
    

    이러한 변화는 사용할 jQuery를 물건 중 하나가 아니라 $ 이상, 예를 들어, jq13를 사용하여 호출해야 함을 의미합니다

    jq13("#id").hide();
    

    이 같은 페이지에서 실행되는 두 개의 버전이 할 수있는 이상적인 상황이 아니다,하지만 당신은 대안을했습니다없는 경우, 위의 방법은 한 번에 두 개의 서로 다른 버전을 사용할 수 있도록해야한다.

    당신이 jQuery를의 다른 버전을 추가하는 데 필요한 경우 위의에 확장 할 수 :

    <script src="jQuery1.3.js"></script>
    <script>
        jq13 = jQuery.noConflict(true);
    </script>
    <script src="jQuery1.3.1.js"></script>
    <script>
        jq131 = jQuery.noConflict(true);
    </script>
    
    <!-- original author's jquery version -->
    <script src="jQuery1.2.3.js"></script>
    

    각 버전 별 사용된다 jq13 및 jq131 변수는 당신이 필요로하고 있습니다.

    그것은 jQuery를 원래 개발자가 사용 마지막으로로드하는 것이 중요 - 원래 개발자 가능성이 $ () 자신의 jQuery 버전을 사용하고있을 것이라는 가정하에 자신의 코드를 썼다. 당신이 그들의 후 다른 버전을로드하면 $는 원래 개발자의 코드는, 최신 라이브러리 버전에서 실행 다소 중복 noConflicts 렌더링 의미는로드의 마지막 버전으로 "잡고"입니다!


  2. 2.마찬가지로 당신이 jQuery.noConflict하여이 작업을 수행 할 수 있지만 변수를 선언 할 때 var에 잊지 마세요 ConroyP 말했다. 이처럼.

    마찬가지로 당신이 jQuery.noConflict하여이 작업을 수행 할 수 있지만 변수를 선언 할 때 var에 잊지 마세요 ConroyP 말했다. 이처럼.

    <script src="jQuery1.3.js"></script>
    <script>
        var jq13 = jQuery.noConflict(true);
    </script>
    
    <!-- original author's jquery version -->
    <script src="jQuery1.2.3.js"></script>
    

    당신은 함수의 후 (jq13)를 추가하여 모든 $는 'jq13에이야 연결할 수}). 이 같은

    (function($) {
     ... 
    })(jq13); 
    

  3. 3.http://gist.github.com/136686 : 그것은 예를 들어 ... 중요하지 않습니다 순서처럼 보인다. 콘솔 출력은 상단에 모든 버전은 적절한 장소에있을 것 같다.

    http://gist.github.com/136686 : 그것은 예를 들어 ... 중요하지 않습니다 순서처럼 보인다. 콘솔 출력은 상단에 모든 버전은 적절한 장소에있을 것 같다.


  4. 4.작업에 false를 만들

    작업에 false를 만들

    var jq16 = $.noConflict(false);
    

  5. 5.두 번째 버전 (참) $ .noConflict 등의 변수를 선언합니다. 그리고 jQuery 코드에 사용되는 $ 대신에 선언 된 변수를 사용합니다. 이 코드는 JQuery와의 두 번째 버전의 선언 후 사용 : 아래의 코드를 확인하십시오 :

    두 번째 버전 (참) $ .noConflict 등의 변수를 선언합니다. 그리고 jQuery 코드에 사용되는 $ 대신에 선언 된 변수를 사용합니다. 이 코드는 JQuery와의 두 번째 버전의 선언 후 사용 : 아래의 코드를 확인하십시오 :

    <script type="text/javascript">
    var jQuery_1_9_1 = $.noConflict(true); function pageLoad(sender, args) {
    
            var $ddl = jQuery_1_9_1("select[name$=drpClassCode]");
            var $ddl1 = jQuery_1_9_1("select[name$=drpSubContractors]");
            $ddl.select2();
            $ddl1.select2();
    
            $ddl.bind("change keyup", function () {
                $ddl.fadeIn("slow");
    
    
            });
    
            $ddl.bind("change keyup", function () {
                $ddl1.fadeIn("slow");
    
    
            });
        }
    
  6. from https://stackoverflow.com/questions/528241/how-do-i-run-different-versions-of-jquery-on-the-same-page by cc-by-sa and MIT license