[JQUERY] 어떻게 같은 페이지에 jQuery를의 다른 버전을 실행합니까?
JQUERY어떻게 같은 페이지에 jQuery를의 다른 버전을 실행합니까?
해결법
-
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.마찬가지로 당신이 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.http://gist.github.com/136686 : 그것은 예를 들어 ... 중요하지 않습니다 순서처럼 보인다. 콘솔 출력은 상단에 모든 버전은 적절한 장소에있을 것 같다.
http://gist.github.com/136686 : 그것은 예를 들어 ... 중요하지 않습니다 순서처럼 보인다. 콘솔 출력은 상단에 모든 버전은 적절한 장소에있을 것 같다.
-
4.작업에 false를 만들
작업에 false를 만들
var jq16 = $.noConflict(false);
-
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"); }); }
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
'JQUERY' 카테고리의 다른 글
[JQUERY] 상쾌하지 않고 페이지에 업데이트 데이터 (0) | 2020.10.18 |
---|---|
[JQUERY] 아약스 XMLHttpRequest 객체 파일 업로드 (0) | 2020.10.18 |
[JQUERY] 자바 스크립트 인쇄 iframe이 내용 만 (0) | 2020.10.18 |
[JQUERY] 크롬 인해 잘못된 MIME 타입에 AJAX 스크립트를 실행하는 것을 거부 (0) | 2020.10.18 |
[JQUERY] ()에서는 event.preventDefault 사용 후 이벤트를 트리거하는 방법 (0) | 2020.10.18 |