Автозаполнение пользовательского интерфейса JQuery - изображения в наложении результатов, а не снаружи, как в демонстрации

У меня есть код jQueryUI для автозаполнения, который следует ...

$(function() {
      var updates = [ 

       { value: "URL",
         label: "some text",
         icon: "jqueryui_32x32.png"};
       ];

        $("input#autocomplete").autocomplete({
              delay: 10,
              minLength: 0,                                          
        source: updates,        
        select: function( event, ui ) {
              window.location.href = ui.item.value;
        }
    });
});

И он, по сути, производит поиск по сайту, где результаты прямые ссылки. Я хотел бы добавить изображения, которые хранятся локально, к результатам, чтобы лучше имитировать facebook. Мне не повезло, и я видел вопросы, прежде чем направлять пользователей к демонстрации "пользовательских данных". Вот один из таких вопросов ...

Как мне добавить изображения к результатам этого плагина автозаполнения JQueryUI?

Я знаю, или эта демонстрация ...

http://jqueryui.com/demos/autocomplete/#custom-data

..но нет никаких указаний относительно того, как это сделать. ПОДРОБНЕЕ о форматировании наложения результатов / размещении изображений в наложении. Я действительно в растерянности. Я разбирал эту демонстрацию весь день ни с чем. к шоу за это. Это должно быть легко, потому что все данные и изображения являются локальными. Все они находятся в той же папке, что и этот поисковый запрос. Здесь нет PHP или баз данных ...

Я действительно, действительно ненавижу пользовательский интерфейс jQuery из-за того, насколько он плохо документирован и насколько он излишне сложен ... Все элементы настройки находятся в нескольких файлы и т. д. Я использовал плагин JÖRN ZAEFFERER, который принимал простые HTML-теги. Он работал отлично до IE8 ......

Мы очень ценим любое понимание этого.

5
задан Community 23 May 2017 в 11:44
поделиться