0

JavaScript/jQueryを使用して配列アイテム(オートコンプリートにプッシュされる)に画像を追加する方法は?

こんにちは、私は独学で JS を学ぼうとしていますが、多くの問題を抱えています。ここでは、そのうちの 1 つだけを説明します。

1 つのテキスト入力に jQuery オートコンプリートがあり、オートコンプリートの結果がない場合にメッセージを表示したい。今はメッセージを表示するだけです(動作中)が、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 を表示するにはどうすればよいですか?

-------編集:
コードをテストしたところ (このコードは新しいコードです)、動作しないようです。何が問題になる可能性がありますか?

4

1 に答える 1

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);
    };
});
于 2013-09-14T17:34:25.980 に答える