在数组项中添加图像 - JavaScript

Question

如何使用JavaScript / jQuery在数组项中添加图像（将推送到自动完成）？

您好，我正在尝试自己学习JS，而且我遇到了很多问题。现在我将解释其中一个。

我在一个文本输入中有jQuery Autocomplete，我想在没有自动完成结果时显示一条消息。现在我只显示一条消息（正在工作），但我想添加一个GIF加载图像。

<小时/>

我的代码：

$("input[type=search]").autocomplete({
                delay: 0,
                source: function(request, response) {
                    populate(request.term, response);

                    result = $.ui.autocomplete.filter(result, request.term)

                    // Just prevent to add a lot of "loading" itens to result.
                    for (var i in result){
                        if (i.item.type == "loading"){
                            result.splice(i, 1);
                        }

                        var item = {};
                        item.type = 'loading'
                        item.label = "Loading.."
                        item.value = "Loading.."
                        result.push(item)
                    }
                    response(result)
                }  

---

如何使用此代码显示GIF？

------- 修改
现在我测试了代码（这段代码是一个新的代码），它似乎不起作用。可能是什么问题？

Answer 1

只需确保源代码中的代码是正确的。这只是关于如何处理事情的基本模块。

 $("input[type=search]").autocomplete({
    delay: 0,
    source: function (request, response) {
        populate(request.term, response);
        //your stuff
    }.data("ui-autocomplete")._renderItem = function (ul, item) {
        return $("<li />")
            .data("item.autocomplete", item)
            .append("<a><img src='" + your - path + "' />" + your value + "</a>")
            .appendTo(ul);
    };
});