[Javascript] 網頁如何同時使用不同版本的 jQuery

公司有個套裝平台，內建使用 jQuery 1.9.1 的版本，實在有點舊，直接換成新版又會造成套裝平台部份功能失效，不換又無法使用新版的功能，怎麼辦?

還好 jQuery 有個功能能讓網頁同時使用不同版本，那就是 jQuery.noConflict(true)，只要宣告一個變數來代表另一個版本的 jQuery 就行了。

直接看 Code：

<!--系統內建的-->
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
        // 正常使用 $ 來呼叫 jQuery 1.9.1
        $(function(){
                alert("jQuery 1.9.1");
        })
</script>


<!--自行載入的-->
<script type="text/javascript" src="jquery-1.12.4.min.js">
</script>
<script type="text/javascript">
        // 定義變數 jq1124 來代表 jQuery 1.12.4 的 $
        var jq1124 = jQuery.noConflict(true);
</script>
<script type="text/javascript">
        // 使用 jQuery 1.12.4
        jq1124(function(){
                alert("jQuery 1.12.4");
        });
 
        // 還是能使用 jQuery 1.9.1
        $(function(){
                alert("Still jQuery 1.9.1");
        });
</script>

參考來源：stackOverflow