javascript - 基本的 Jquery 自动完成功能不起作用

Question

我的代码中的自动完成功能不起作用。

下面是我的HTML代码:

<div class="form-group ui-widget">
   <label for="input" class="control-label font-12 font-blue">Enter your Area  <span class="req">*</span></label>
   <input class="form-control ui-autocomplete-input" required="required" placeholder="Enter your Area" name="register[pincode]" id="area">
</div>  

JS

$(document).ready(function() {
    var areas = ["States", "Australia", "Indies"];
    $("#register[pincode]").autocomplete({
        source: areas
    });
});

此外，html 代码作为模板包含在内，如果它有所作为，理想情况下我认为它不应该，因为我将它包含在 document.ready 函数中。

脚本包含的顺序是 jquery.min.js 然后是 jquery-ui.min.js 然后是 bootstrap。 jquery 的版本是 2.2.0

Answer 1

试试这个:

$( function() {
    var availableTags = ["States", "Australia", "Indies"]
    $( "#area" ).autocomplete({
      source: availableTags
    });
});

Working Fiddle