Как отобразить изображения с typeahead.js?
Как отображать изображения с typeahead.js?
Я пытаюсь отобразить изображения для профилей в список, созданный с помощью typehead.js.
На данный момент я могу только возвращать тексты, как вы видите там:
Вот как выглядит мой javascript:
И мой код PHP, где я строю список профилей:
JSON $ json_array_test выглядит так:
Есть идеи, как этого добиться?
Решение
Вы можете создать шаблон для предложения:
$('#search-keywords-page').typeahead({
hint: true,
highlight: true,
minLength: 1
},
{
name: 'profiles',
source: profiles,
templates: {
suggestion: Handlebars.compile('<div><img src="{{image}}" />{{title}} - {{nid}}</div>')
}
});
Верните только правильный JSON из вашего бэкэнда:
$array_test[$key] = array(
'title' => $value->title,
'nid' => $value->nid,
'image' => $author_image_petite_url
);
Другие решения
Других решений пока нет …