Question

我只是尝试使用JQuery自动完成，但没有更改自动完成建议。我没有回电话，只是使用本地列表进行自动完成。我已经尝试过检查元素来监控网络，但它没有做任何事情。完成文本后没有变化。这是必需的代码。

我的包括：

<script type="text/javascript">

$(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"
];
  $("#vote").autocomplete({
    minLength:3,
    source: availableTags
  });
});

</script>

我的意见：

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/
    GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="
    sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/
    JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

它没有做任何事情。不要抛出任何错误，以便我可以解决。我是新手，在抓了两天后，请向我们寻求帮助。

Answer 1

有两个问题 1）自动完成是JqueryUI的一个特性 - 你需要对该库的引用。见下文

<script
  src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
  integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
  crossorigin="anonymous">
</script>

2）如评论中所述，＆＃34; jquery slim＆＃34;缺少JQueryUI所需的一些组件。如果您获得非瘦身版本，您的代码应该开始工作

<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous">
</script>

JQuery似乎不适用于自动完成（Bootstrap + Django网站）

1 个答案: