Question

您好我将jQuery-2.1.4.min.js和jquery-1.10.2.js包括在一起，但我收到错误：

custom.js：375 Uncaught TypeError：$（...）。autocomplete不是功能

如果我删除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>

通过上面的代码我收到错误$（...）。autocomplete不是功能

Answer 1

可以在同一页面中使用两个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>

现在您可以使用 jQuery_2_1_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>

现在您可以使用 jQuery_1_10_2 而不是 $

Answer 2

为了使用jQuery和jQuery UI，您需要按以下顺序执行三项操作：

jQuery UI CSS以及任何自定义/主题
jQuery库;通常最小化空间
jQuery UI代码库，也被最小化。

为简单起见，以下是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>

这是包含它们的正常序列，通常位于<head>标记中，因此如果在（稍后）头部包含中使用它，则可以正常工作。

鉴于这一切，如果我在此处使用自动填充页面中的示例，则以下是可行的代码和序列：https://jqueryui.com/autocomplete/

<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/1.12.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
  $(function() {
    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({
      source: availableTags
    });
  });
  </script>

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

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

除非您需要支持旧浏览器，否则您只需要2.X版本（此处演示2.2.2）如果您需要支持旧版浏览器，则只需要1.X版本。为了显示它的工作原理，我创建了这个：https://jsfiddle.net/MarkSchultheiss/op7Lq06g/

修改

您的问题中缺少的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>

有关详细说明，包括指明规范的链接，请参阅此问题：https://stackoverflow.com/a/36638189/125981

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

2 个答案: