1

我在这里有一个 JSFiddle。每当我使用自动完成功能时，可用选项会出现在页面顶部，而不是文本框下方。这里的其他问题没有帮助。

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

此处为 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>

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

  });
4

2 回答 2

1

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

检查这个小提琴

于 2013-09-12T17:48:35.137 回答
1

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

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

所以不用担心，它会在您的网站上正常运行。

于 2013-09-12T17:41:39.927 回答