jquery ui 自动完成功能不适用于 jquery 3.2.1 版

Question

嗨，我在我们的项目中使用 jquery 3.2.1 版，现在我需要使用包含 1.12.4 版的 jquery ui 自动完成功能。 因此，我们的自动完成位置更改（顶部和左侧位置）。 为此，我刚刚找到了一个临时解决方案。我通过 jquery 动态计算位置并通过 jquery 设置位置。 但我不确定我将来会在任何其他功能中遇到问题。 所以有没有其他解决方案可以在所有情况下正常工作。 我正在使用的自动完成是这个

自动完成中的文件是：

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

我需要使用

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

提前致谢！

Answer 1

检查此代码它正在工作。 参考

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.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" ]; $( "#tags" ).autocomplete({ source: availableTags }); } ); </script> </head> <body> <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags"> </div> </body> </html>

Answer 2

我的输入自动完成城市也有同样的问题，

在版本 3 中，Jquery 自动完成的工作方式有所不同。 您需要将数据放在 {} 之前：

<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"
    ];
    $( "#tags" ).autocomplete(availableTags{
      // others options
    });
  } );
</script>

jquery ui 自动完成功能不适用于 jquery 3.2.1 版

问题描述

2 个解决方案

解决方案1
0 2018-02-01 13:50:24

解决方案2
0 2020-04-04 09:02:59

jquery ui 自动完成功能不适用于 jquery 3.2.1 版

问题描述

2 个解决方案

解决方案1 0 2018-02-01 13:50:24

解决方案2 0 2020-04-04 09:02:59

解决方案1
0 2018-02-01 13:50:24

解决方案2
0 2020-04-04 09:02:59