ブートストラップ typeahead プラグインを使用して、用語のリストを検索し、選択したときにその用語の画像を表示しています。
基本的な機能は動作しますが、2 つの問題があります。
1.) 用語を 2 回検索すると、2 回目は画像が表示されません (アップデータ機能が同じ検索を 2 回処理しないと仮定しますか?)
2.) 検索時に複数の画像が表示されるようにできますか (つまり、ユーザーが文字「a」を入力すると、表示される用語に関連付けられたすべての画像も表示されます)。単一の選択肢が選択されるまでユーザーを待たせたくありません。
助けてくれてありがとう(私はJS初心者なので、質問をさらに明確にする必要がある場合はお知らせください!)
var array = $('.test').data('array');
$('.typeahead').typeahead({
items:4,
source: array,
updater: function(item){
var pic = $('img[name="'+item+'"]').css('visibility','visible').css('display','inline');
$('#search').empty().append(pic);
return item;
}
});