Php 如何将jquery-1.10.2.js和jquery-2.1.4.min.js包含在一起

您好，我将jQuery-2.1.4.min.js和jQuery-1.10.2.js放在一起，但我发现错误：

custom.js:375未捕获类型错误：$（…）。自动完成不是 作用

如果我删除jQuery-2.1.4.min.js，那么我在一个价格范围中得到了错误。所以我不能删除任何一个JS

那么，如何同时使用这两种功能，使我的价格范围和自动完成功能工作

脚本：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="mydirectorypath/js/jQuery-2.1.4.min.js"></script>

通过上面的代码，我得到了错误$（…）。自动完成不是一个错误

---

函数

可以在同一页面中使用两个jQuery。如下

<!-- load jQuery 2.1.4 -->
<script type="text/javascript" src="mydirectorypath/js/jQuery-2.1.4.min.js"></script>
<script type="text/javascript">
var jQuery_2_1_4 = $.noConflict(true);
</script>

var jQuery_2_1_4=$.noConflict（true）；

现在您可以使用jQuery\u 2\u 1\u 4而不是$

<!-- load jQuery 1.10.2 -->
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
var jQuery_1_10_2 = $.noConflict(true);
</script>

var jQuery_1_10_2=$.noConflict（true）；

---

现在您可以使用jQuery\u 1\u 10\u 2而不是$为了使用jQuery和jQuery UI，您将需要以下三件事：

<!-- load jQuery 1.10.2 -->
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
var jQuery_1_10_2 = $.noConflict(true);
</script>

jQuery UI CSS，以及任何自定义/主题

jQuery库；通常为节省空间而最小化

jqueryui代码库也被最小化

为简单起见，以下是CDN中所有三个的示例：

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

这是它们被包括的正常顺序，通常在您的

标记中，因此，如果在（稍后的）头部包含中使用，它将起作用

考虑到所有这些，如果我在这里使用自动完成页面中的示例，下面是代码和顺序：

$（函数（）{
var availableTags=[
“ActionScript”、“AppleScript”、“Asp”、“BASIC”、“C”、“C++”、“Clojure”，
“COBOL”、“ColdFusion”、“Erlang”、“Fortran”、“Groovy”、“Haskell”、“Java”，
“JavaScript”、“Lisp”、“Perl”、“PHP”、“Python”、“Ruby”、“Scala”、“Scheme”
];
$（“#myinput”）.autocomplete({
资料来源：availableTags
});
});

然后，在正文中我的输入标记：

<input id="myinput" type="text"/>

除非您需要支持较旧的浏览器，否则您只需要2.X版本（此处演示的是2.2.2）。如果您确实需要支持较旧的浏览器，您应该只需要1.X版本。为了显示它工作，我创建了以下内容：

编辑：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="mydirectorypath/js/jQuery-2.1.4.min.js"></script>

那么您的问题中缺少的HTTPS呢：为了匹配您的站点，您将其从链接的标记中排除，并且它会根据HTML规范自动将其放入以匹配您站点的页面源。例如：

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

---

如需详细解释，包括该规范的链接，请参见此问题：

使用并查看帖子。是的，我这样做了，但结果相同，您不需要两者都使用。该错误是由于包含依赖于jQuery的脚本的顺序造成的。使用一个版本，并确保它位于所有依赖插件和代码之前，但如果我删除其中一个，我的某些功能将停止工作。甚至我改变了顺序，但没有结果。真的没有意义。如果您支持较旧的浏览器，那么

1.10.2

版本应该可以正常工作，只要在使用jQuery之前包含它，并且在注册任何插件之后不包含其他版本的jQuery。对实际错误要更具体，不要只说“不工作”是的，你必须这样做。因为jQuery2.1.4的某些功能在jQuery1.10.2上不起作用。因此，您必须区分这两个jQuery的功能。我可以删除其中一个吗？是的，这比使用noConflict（）更好，但如果删除其中一个，我的价格范围或自动完成不起作用，请在其他版本中查找替换函数。我不理解您的评论。请澄清。请注意，jQueryUIAutoComplete将适用于任何一个版本。我只能假设这是您所指的自动完成，因为您没有另行说明。请记住，对于您的问题，我们必须做出假设，因为您没有包含实际使用您所引用的任何内容的代码。也没有指明包含jQuery UI的代码段，该代码段必须位于jQuery包含之后。