javascript - ajax 的 jQuery 自动完成问题 - TypeError: this.source is not a function

Question

我正在使用 jQueryUI 自动完成功能，它可以很好地处理来自局部变量的数据，但是当使用来自 $.get 请求的数据时，我收到以下错误：TypeError: this.source is not a function。如果我在代码中删除 $(function(){ 则没有错误，但自动完成中仍然没有数据。

Content in: index.html
<script>
$(function(){
var ajaxData;
$.get('ajaxdata.html', function(data) {
$('.result').html(data);
console.log('Load was performed.'+data);
ajaxData = data;
});

var localData = ['ActionScript','AppleScript','Scheme'];
$( "#tags" ).autocomplete({
//source: localData //working
source: ajaxData //not working
});
});
</script>
<input id="tags">

Content in: ajaxdata.html
['ActionScript','AppleScript','Scheme']

Answer 1

例如：

// use document ready
$(document).ready(function(){
  $.get('ajaxdata.html', function(data) {
    $('.result').html(data);

    console.log('Load was performed.'+data);

    $( "#tags" ).autocomplete({
      source: data
    });
});