javascript - jquery 自动完成功能不起作用，输入时没有任何显示

Question

我有通过 $.each 创建的输入文本:

$.each(results, function (key, value) {

                        if (typeof value.baseOrSchedStartList[i] != 'undefined') {
                            html += "<td><input type='text' name='" + key + "-" + taskArray[i] + "' id='vendorDropdown' class='vendorDropdown' value='" + value.baseOrSchedStartList[i].split(' ')[0] + "' /></td>";
                        } else {
                            html += "<td>&nbsp;</td>"
                        }

                    });

我正在尝试对其应用自动完成功能:

var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];

    $("#vendorDropdown").autocomplete({
        source: availableTags
    });

但是当我开始输入时什么也没有发生。我的控制台中没有收到任何错误。我安装了 jquery UI，但没有任何反应。

Answer 1

尝试以这种方式运行自动完成:

$('#tags').on('keyup',function(){
  $(this).autocomplete({
    source: availableTags
  });
});