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

如何从页面顶部更改JQuery Autocomplete的位置?,jquery,jquery-ui,autocomplete,jquery-autocomplete,jquery-ui-autocomplete,Jquery,Jquery Ui,Autocomplete,Jquery Autocomplete,Jquery Ui Autocomplete,我有一本书。 每当我使用autocomplete时,可用选项都会出现在页面顶部,而不是文本框的下方。这里的其他问题没有帮助 我想做的是将可用选项移到文本框下面,但我不知道如何做 这里是HTML <br><br><br><br><br><br><br><br><br><br><br> <div class="ui-widget"> <label

我有一本书。 每当我使用autocomplete时,可用选项都会出现在页面顶部,而不是文本框的下方。这里的其他问题没有帮助

我想做的是将可用选项移到文本框下面,但我不知道如何做

这里是HTML

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

这可能是JSFIDLE中的一个bug,也可能是您加载了jQuery和jQueryUI的不兼容版本

以下是它,相同的HTML和相同的代码,在JS Bin中工作:


所以别担心,在你的网站上就可以了。

你使用的是旧的
jquery js
jquery ui js
文件,我已经在小提琴中添加了新的文件,工作正常


检查此

并猜猜我从哪里得到了旧版本?我不会再使用那个网站了。
$(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
    });

  });