Html 如何将algolia图像添加到自动完成结果的底部

我正在使用自动完成服务，希望添加一个图像 在自动完成结果的底部，如下面的示例所示：

这就是我的autocomplete.js的样子：

autocomplete('#search-input', {}, [
    {
      source: autocomplete.sources.hits(players, { hitsPerPage: 5 }),
      displayKey: 'first_name',
      templates: {
        header: '<div class="aa-suggestions-category">Players</div>',
        suggestion: function(suggestion) {
          return '<span>'
                + '<a href="/player/' + suggestion.id + '">'
                +   '<div class="media">'
                +     '<div class="media-left">'
                +       '<img class="media-object" src="/imagecache/small/' + suggestion.image_filename + '">'
                +     '</div>'
                +     '<div class="media-body">'
                +       '<p>' + suggestion._highlightResult.first_name.value + " " + suggestion._highlightResult.last_name.value + '<small> ' + old + ' years</small>' + '</p>'
                +       '<small> ' + suggestion.nationality + ' '+ suggestion.position + '</small>'
                +     '</div>'
                +   '</div>'
                + '</a>'
                +'</span>';
        }
      }
    },
    {
      source: autocomplete.sources.hits(videos, { hitsPerPage: 5 }),
      displayKey: 'title',
      templates: {
        header: '<div class="aa-suggestions-category">Videos</div>',
        suggestion: function(suggestion) {
          timeAgo();
          return '<span>'
                +  '<a href="/player/video/' + suggestion.uid + '">'
                +    '<div class="media">'
                +      '<div class="media-left">'
                +        '<img class="media-object" src="https://s3.eu-central-1.amazonaws.com/videos.football-talents.com/' + suggestion.video_id + '_1.jpg">'
                +      '</div>'
                +      '<div class="media-body">'
                +        '<p>' + suggestion._highlightResult.title.value + ' <small class="timeago" title="' + suggestion.created_at + '">' + suggestion.created_at + '</small>' + '</p>'
                +        '<small> ' + suggestion._highlightResult.player_name.value + " " + suggestion._highlightResult.player_surname.value + '</small>'
                +      '</div>'
                +    '</div>'
                +  '</a>'
                +'</span>';
        }
      }
    }
]).on('autocomplete:updated', function(event, suggestion, dataset) {
  var timeagoTimeout;
  clearTimeout(timeagoTimeout);
  timeAgo();
  timeagoTimeout = setTimeout(timeAgo, 60000);
});

autocomplete（“#搜索输入”，{}[
{
来源：autocomplete.sources.hits（玩家，{hitsPerPage:5}），
displayKey:'第一个名称'，
模板：{
头球：“球员”，
建议：功能（建议）{
返回“”
+ ''
+'';
}
}
},
{
来源：autocomplete.sources.hits（视频，{hitsPerPage:5}），
displayKey:'标题'，
模板：{
标题：“视频”，
建议：功能（建议）{
时间（）；
返回“”
+  ''
+'';
}
}
}
]).on（'autocomplete:updated'，函数（事件、建议、数据集）{
var-timeagootimeout；
clearTimeout（timeagoTimeout）；
时间（）；
timeagootimeout=setTimeout（timeAgo，60000）；
});

---

我应该在哪里添加图像，使其位于结果的底部，就像我发布的图像一样？

您可以使用所述的

页脚

模板选项

$（“#搜索输入”）。自动完成({
模板：{
页脚：“由驱动”
}
}, [
///这是你的消息来源
]
);

$('#search-input').autocomplete({
    templates: {
      footer: '<div class="branding">Powered by <img src="https://www.algolia.com/assets/algolia128x40.png" /></div>'
    }
  }, [
    /// here your sources
  ]
);