jQuery 구버전과 최신버전의 혼용 - jQuery Migrate

jQuery 구버전과 최신버전의 혼용 - jQuery Migrate

http://webdir.tistory.com/468

[일부 발췌]

jQuery는 1.9 버전 이전에 작성된 코드와 이후에 작성된 코드간의 호환성에 문제가 발생할 수 있습니다. 구형 jQuery로 작성된 페이지에 최신버전의 jQuery를 필요로하는 플러그인이나 기타 스크립트를 삽입하다보면 발생하는 문제인데 이를 해결하는 방법중에 하나로 jQuery Migrate를 사용할 수 있습니다.

linkjQuery Migrate Plugin

https://jquery.com/download/

jQuery Migrate Plugin 도 2가지 버젼이 있었다. 

There are two versions of Migrate. The first will help you update your pre-1.9 jQuery code to jQuery 1.9 up to 3.0. You can get that version here:  ( jQuery 1.9 버젼이하를 사용하는 사람들을 위해 1.9 ~ 3.0 을 지원하기 위한 버젼 )

The second version helps you update code to run on jQuery 3.0 or higher, once you have used Migrate 1.x and upgraded to jQuery 1.9 or higher:

( jQuery Migrate 1.x 를 사용했거나 jQuery 1.9 이상 버젼을 사용 중이라면  jQuery 3.0 이상을 지원하기 위한 버젼 )

Tistory 블로그에서 스킨을 바꾸고, jQuery Syntax Highlighter 를 다시 설치하려니... jQuery 버젼이 서로 맞지 않아서 에러가 발생했다.

새로운 스킨에서는 jQuery 2.1.4 버젼을 이용했고,  jQuery Syntax Highlighter 라이브러리는 jQuery 1.4.2 버젼을 사용해서 생기는 호환성 문제였다. 다음과 같이 jQuery Syntax Highlighter 를 불러오는 <script> 태그 앞에 jquery-migrate 를 먼저 불러왔다.

그러자 웹브라우저의 Console 창에서는 JQMIGRATE: Migrate is installed, version 1.4.1  이라고 표시되면서 jQuery 버젼 호환성 때문에 나는 에러가 없어지고, jQuery Syntax Highlighter 가 정상적으로 작동하였다.

<!--[if lt IE 9]>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<![endif]-->

<!--[if gte IE 9]><!-->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<!--<![endif]-->



<script src="./images/jquery-migrate-1.4.1.min.js"></script>



<!-- Include jQuery Syntax Highlighter -->

<script type="text/javascript" src="http://balupton.github.com/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js"></script>	

<!-- Initialise jQuery Syntax Highlighter -->

<script type="text/javascript">$.SyntaxHighlighter.init();</script>