Javascript 允许多个jquery导入语句

父页面中的Jquery导入语句

  <script src="js/jquery-ui-1.10.4/jquery-1.11.1.min.js"></script>
  <script src="js/DynamicTable/jquery.dataTables.js"></script>
  <link rel="stylesheet" type="text/css" href="js/DynamicTable/jquery.dataTables.css"/>
  <jsp:include page="DynamicHelpContent"/> 

在dynamichelp内容页面的子页面中，我导入了以下脚本

<script src="js/jquery-ui-1.10.4/jquery-1.11.1.min.js"></script>
<script src="js/jquery-ui-1.10.4/ui/minified/jquery-ui.min.js"></script>
<script src="js/jquery-ui-1.10.4/ui/jquery.ui.widget.js"></script>
<script src="js/jquery-ui-1.10.4/ui/jquery.ui.position.js"></script>
<script src="js/jquery-ui-1.10.4/ui/jquery.ui.tooltip.js"></script> 

由于在动态帮助内容中导入，由于jquery-1.11.1.min.js导入语句，我看不到我的子页面的功能

---

你能告诉我允许使用多个Jquery脚本的方法吗？

你可以使用这段代码来加载Jquery，如果没有，它会将脚本附加到head标记

<script type="text/javascript">
if (!window.jQuery) {
  var jq = document.createElement('script'); jq.type = 'text/javascript';
  // Path to jquery.js file, eg. Google hosted version
  jq.src = '/path-to-your/jquery.min.js';
  document.getElementsByTagName('head')[0].appendChild(jq);
}
</script>

取自

你能给我提供一种方法，让我可以使用多个Jquery脚本吗

是的，但你不应该那样做。相反，找到一组只使用一个jQuery副本的插件。如果必须保留两个脚本标记，但只希望加载其中一个，那么+1显示了一种方法

如果您真的想在页面上同时使用v1.11.1和v1.10.4，您可以这样做：

<script src="js/jquery-ui-1.10.4/jquery-1.11.1.min.js"></script>
<script src="js/DynamicTable/jquery.dataTables.js"></script>
<link rel="stylesheet" type="text/css" href="js/DynamicTable/jquery.dataTables.css"/>

然后：

发生的情况是：

jQuery 1.11.1已加载 DataTables将自身附加到jQueryV1.11.1的当前副本 jQuery1.10.4被加载，接管了$和jQuery符号 jQueryUI将自身附加到jQueryV1.10.4的当前副本 行var$10=jQuery.noConflicttrue；告诉v1.10.4释放$和jQuery符号，恢复它们以前的值v1.11.1更多： 在这一点上：

$=v1.11.1的jQuery函数，附带DataTables插件

jQuery=v1.11.1的jQuery函数

$10=v1.10.4的jQuery函数，附带jQuery UI插件

这是一个坏主意，原因如下：

您正在加载两个jQuery副本，而jQuery并不是一个可下载的轻量级脚本

现在，您必须记住是将$10用于最新版本和DataTables，还是将$10用于过时版本和jQuery UI

---

所以：最好不要这样做。

可能重复的，那么为什么不删除子页面上的jquery调用呢？

<script src="js/jquery-ui-1.10.4/jquery-1.11.1.min.js"></script>
<script src="js/jquery-ui-1.10.4/ui/minified/jquery-ui.min.js"></script>
<script src="js/jquery-ui-1.10.4/ui/jquery.ui.widget.js"></script>
<script src="js/jquery-ui-1.10.4/ui/jquery.ui.position.js"></script>
<script src="js/jquery-ui-1.10.4/ui/jquery.ui.tooltip.js"></script> 
<script>
var $10 = jQuery.noConflict(true);
</script>