我正在尝试在特定div #search-result
中显示自动填充结果。到目前为止,我能够成功发送请求并获得Json
数组作为回报。
但是我有问题要在div中显示结果。
我的代码:
<input type="search" id="main_search" value="" placeholder="type keyword(s) here" />
<div id="search-result" class="search-resutls"></div>
<script>
(function ($) {
$.widget("app.autocomplete", $.ui.autocomplete, {
options: {
suggest: false
},
_suggest: function (items) {
if ($.isFunction(this.options.suggest)) {
return this.options.suggest(items);
}
this._super(items);
},
_close: function (e) {
if ($.isFunction(this.options.suggest)) {
this.options.suggest([]);
return this._trigger("close", e);
}
this._super(e)
}
});
$(function () {
$("#main_search").autocomplete({
source: "/Search/",
minLength: 1,
response: function (e, t) {
if (0 === t.content.length) {
var a = new Object;
t.content.push(a)
}
},
select: function (e, t) {
return $("#main_search").val(t.item.title),
$("#main_search-query").val(t.item.query)
},
suggest: function (e, t) {
var $div = $(".search-resutls").empty();
$.each(t, function () {
$("<a/>").attr("href", t.query).text(t.title).appendTo($div);
});
}
})
});
})(jQuery);
</script>
请帮我解决这个问题。感谢