如何从页面顶部更改JQuery Autocomplete的位置？

Question

我有JSFiddle here。 每当我使用自动填充功能时，可用选项都会显示在页面顶部，而不是文本框下方。这里的其他问题没有帮助。

我想要做的是移动下面的文本框中的可用选项，但我不知道该怎么做。

HTML here

<br><br><br><br><br><br><br><br><br><br><br>
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags" />
</div>

Javascript here

$(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
    });

  });

Answer 1

它可能是jsFiddle中的一个错误，或者您可能加载了不兼容的jQuery和jQuery UI版本。

这是同样的HTML和相同的代码，在JS Bin中工作：http://jsbin.com/abEFUQE/1/

所以不用担心，它会在你的网站上播放。

Answer 2

您使用的是旧版jquery js和jquery ui js文件，我在小提琴中添加了新文件，并且工作正常

选中此Fiddle