javascript - 在数组项中添加图像 - 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);
    };
});