載入名稱空間的 jQuery 外掛

通常在載入外掛時，請確保在 jQuery 之後始終包含外掛。

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="some-plugin.min.js"></script>

如果你必須使用多個版本的 jQuery，那麼確保在所需的 jQuery 版本之後載入外掛，然後是程式碼來設定 jQuery.noConflict(true) ; 然後載入下一個版本的 jQuery 及其相關的外掛：

<script src="https://code.jquery.com/jquery-1.7.0.min.js"></script>
<script src="plugin-needs-1.7.min.js"></script>
<script>
// save reference to jQuery v1.7.0
var $oldjq = jQuery.noConflict(true);
</script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="newer-plugin.min.js"></script>

現在，在初始化外掛時，你需要使用關聯的 jQuery 版本

<script>
// newer jQuery document ready
jQuery(function($){
  // "$" refers to the newer version of jQuery
  // inside of this function

  // initialize newer plugin
  $('#new').newerPlugin();
});

// older jQuery document ready
$oldjq(function($){
  // "$" refers to the older version of jQuery
  // inside of this function

  // initialize plugin needing older jQuery
  $('#old').olderPlugin();
});
</script>

可以只使用一個文件就緒函式來初始化兩個外掛，但為了避免混淆以及文件就緒函式中任何額外的 jQuery 程式碼的問題，最好將引用分開。