Javascript 在div中显示Jquery Ui自动完成结果

Javascript 在div中显示Jquery Ui自动完成结果,javascript,jquery,html,jquery-ui,autocomplete,Javascript,Jquery,Html,Jquery Ui,Autocomplete,我试图在特定的div中显示自动完成结果#搜索结果。到目前为止,我能够成功地发送请求并获得Json数组作为回报 但是我有一些问题需要在div中显示结果 我的代码: <input type="search" id="main_search" value="" placeholder="type keyword(s) here" /> <div id="search-result" class="search-resutls"></div> <scr

我试图在特定的div
中显示自动完成结果#搜索结果
。到目前为止,我能够成功地发送请求并获得
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>

(函数($){
$.widget(“app.autocomplete”,$.ui.autocomplete{
选项:{
建议:错
},
_建议:功能(项目){
if($.isFunction(this.options.suggest)){
返回此。选项。建议(项目);
}
本文件为超级文件(项目);
},
_关闭:功能(e){
if($.isFunction(this.options.suggest)){
这个.options.suggest([]);
返回此按钮。_触发器(“关闭”,e);
}
这个._super(e)
}
});
$(函数(){
$(“#主搜索”)。自动完成({
来源:“/Search/”,
最小长度:1,
响应:功能(e,t){
if(0==t.content.length){
var a=新对象;
t、 内容推送(a)
}
},
选择:功能(e,t){
返回$(“#主搜索”).val(t.item.title),
$(“#main_search-query”).val(t.item.query)
},
建议:功能(e,t){
var$div=$(“.search resultls”).empty();
$。每个(t,函数(){
$(“”).attr(“href”,t.query).text(t.title).appendTo($div);
});
}
})
});
})(jQuery);
请帮我解决这个问题。谢谢

请参阅-