Codeigniter jQuery使用图像自动完成检索

我需要一些帮助使用自动完成与图像内的结果（类似于Facebook的自动完成的工作原理）。然而，我想从基础开始。。。就像我在这里找到的一个很好的例子：

CSS:
img{宽度：25px；高度：25px；右侧填充：10px；}
.ui autocomplete>li{height:40px；}
JavaScript:
$（文档）.ready（函数（）{
$（“#自动”）.autocomplete({
来源：功能（请求、响应）{
$.ajax({
url:“http://api.stackoverflow.com/1.1/users",
数据：{
过滤器：request.term，
页面大小：10
},
jsonp：“jsonp”，
数据类型：“jsonp”，
成功：功能（数据）{
响应（$.map（data.users，function）（el，index）{
返回{
值：el.display\u name，
阿凡达：“http://www.gravatar.com/avatar/" +
电子邮件地址
};
}));
}
});
}
}).数据（“uiAutocomplete”）。\u renderItem=功能（ul，项目）{
返回$（“
”）
.data（“item.autocomplete”，item）
.append（“+item.value+”）
.附录（ul）；
}；`enter code here`}）；

---

但是，我如何使用它来像使用localhost那样创建它呢？有jQuery的代码示例吗？我使用的是CodeIgniter框架。

是一个很好的使用CodeIgniter框架的自动完成教程。你能告诉我你使用的是哪个版本的CodeIgniter吗。

谢谢你的回复，先生。但我只需要非常基本和直接的样本。他们有什么办法吗？再次使用tnx--D

    <input id="auto" type="text" />

CSS:

    img { width: 25px; height: 25px; padding-right: 10px;}
    .ui-autocomplete > li { height: 40px; }

JavaScript:

    $(document).ready(function () {
      $("#auto").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "http://api.stackoverflow.com/1.1/users",
                data: {
                    filter: request.term,
                    pagesize: 10
                },
                jsonp: "jsonp",
                dataType: "jsonp",
                success: function(data) {
                    response($.map(data.users, function(el, index) {
                        return {
                            value: el.display_name,
                            avatar: "http://www.gravatar.com/avatar/" +
                                el.email_hash
                        };
                    }));
                }
            });
        }
    }).data("uiAutocomplete")._renderItem = function (ul, item) {
        return $("<li />")
            .data("item.autocomplete", item)
            .append("<a><img src='" + item.avatar + "' />" + item.value + "</a>")
                .appendTo(ul);
    };    `enter code here` });