如何使用预先输入显示图像.js

How to display images with typeahead.js?

本文关键字：显示图 图像 js 显示 输入 何使用      更新时间：2023-09-26

如何使用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
);
相关文章：