같은 페이지에서 여러 개의 다른 jQuery 버전을 사용해서 충돌하지 않게 합니다
19349 단어 jquery
프로젝트의 수요로 인해 반드시 비교적 새로운 버전의 jQuery를 끊임없이 사용해야 한다. 그러나 원래 존재하고 이미 채택된 낡은 jQuery 버전에 대해 우리는 어떻게 여러 개의 서로 다른 jQuery 버전이 같은 페이지에서 병존하고 충돌하지 않도록 합니까?
사실, jQuery를 이용해서.noConflict () 특성은 jQuery를 다른 JS 라이브러리와 병존시킬 수 있을 뿐만 아니라, 예를 들어Prototype과 병존시킬 수 있습니다.jQuery 자체의 다른 버전과 충돌하지 않고 병존할 수도 있습니다.
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2 <html>
3 <head>
4 <title> jQuery </title>
5 <!-- jQuery -->
6 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
7 <script type="text/javascript">
8 var jQuery_New = $.noConflict(true);
9 </script>
10 <!-- jQuery1.6.2 -->
11 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
12 <script type="text/javascript">
13 var jQuery_1_6_2 = $.noConflict(true);
14 </script>
15 <!-- jQuery1.5.2 -->
16 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
17 <script type="text/javascript">
18 var jQuery_1_5_2 = $.noConflict(true);
19 </script>
20 <!-- jQuery1.4.2 -->
21 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
22 <script type="text/javascript">
23 var jQuery_1_4_2 = $.noConflict(true);
24 </script>
25 <!-- jQuery1.3.2 -->
26 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
27 <script type="text/javascript">
28 var jQuery_1_3_2 = $.noConflict(true);
29 </script>
30 <script type="text/javascript">
31 alert(jQuery_New.fn.jquery);
32 alert(jQuery_1_6_2.fn.jquery);
33 alert(jQuery_1_5_2.fn.jquery);
34 alert(jQuery_1_4_2.fn.jquery);
35 alert(jQuery_1_3_2.fn.jquery);
36
37 jQuery_New(function($){$('<p> '+$.fn.jquery+' 。</p>').appendTo('body');});
38 jQuery_1_6_2(function($){$('<p> '+$.fn.jquery+' 。</p>').appendTo('body');});
39 jQuery_1_5_2(function($){$('<p> '+$.fn.jquery+' 。</p>').appendTo('body');});
40 jQuery_1_4_2(function($){$('<p> '+$.fn.jquery+' 。</p>').appendTo('body');});
41 jQuery_1_3_2(function($){$('<p> '+$.fn.jquery+' 。</p>').appendTo('body');});
42 </script>
43 </head>
44 <body>
45 jQuery
46 <br>
47 </body>
48 </html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
