加载命名空间的 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 代码的问题，最好将引用分开。