0

結果内の画像でオートコンプリートを使用するのに助けが必要です (Facebook のオートコンプリートの仕組みに似ています)。ただし、基本から始めたいと思います...ここで見つけた素晴らしい例のように: http://jsfiddle.net/K5q5U/249/

    <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` });

ただし、これを使用して、localhost を使用してそのように作成するにはどうすればよいですか? jQuery のコード例はありますか? CodeIgniter フレームワークを使用しています。

4

1 に答える 1

0

これは、 codeigniterフレームワークを使用したオートコンプリートの優れたチュートリアルです。使用している codeigniter のバージョンも教えてください。

于 2013-04-25T08:55:58.647 に答える