php - jQuery 自动完成 ui 与 json 问题

Question

我正在尝试让 jquery 自动完成用户界面正常工作，但没有成功。没有提供比赛列表。我收到错误“TypeError:this.source 不是函数”

到目前为止我有一个输入字段 <input type="text" id="searchbar" name="title" placeholder="Search">

然后在我的脚本中我有

我无法让这个工作。有人知道我可以从哪里开始排除故障吗？我真的很难理解 jquery ui 文档。

Answer 1

您只需使用此代码进行自动完成:

$("#searchbar").autocomplete({
    source: "php/searchbar.php",
    minLength: 3
});

您不必执行额外的 ajax 请求。插件本身执行ajax请求。

您的自动完成选择器中也缺少哈希值:
$("searchbar")与 $("#searchbar")

我在这里创建了一个jsfiddle:https://jsfiddle.net/9rtu412g/

来源自此处的文档: https://jqueryui.com/autocomplete/#remote (查看源码)

对于您的 jQuery 版本:
<script src="js/jquery-1.6.js" type="text/javascript"></script>

使用此 jQuery UI 版本: https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js

希望可以帮助您解决问题。