0

別のjsファイルのデータに従ってオートコンプリートを行う検索バーのあるページがあります。文字を入力すると、その文字で始まるか、その文字を含む関連する名前が表示されます。結果を選択すると、その名前に付随する詳細が表示されます。画像をそのデータにリンクする方法を知る必要があるだけなので、選択すると画像がその名前の情報とともに表示されます。

ここに私のJavascriptコードがあります:

$(function(){

    var currencies = [
        { value: 'Murray Smith', data: 'AFN', foto: src='img/logo.jpg' },
        { value: 'Brown Church', data: 'ALL' ,foto: src='../img/logo.jpg'},
        { value: 'Jack Jones', data: 'DZD' ,foto: src='../img/logo.jpg'},
        { value: 'Ben Clark', data: 'EUR' ,foto: src='../img/logo.jpg'},
        { value: 'Pete White', data: 'AOA' ,foto: src='../img/logo.jpg'},
        { value: 'East Caribbean dollar', data: 'XCD' ,foto: src='../img/logo.jpg'},
    ];

    // setup autocomplete function pulling from currencies[] array
    $('#autocomplete').autocomplete({
        lookup: currencies,
        onSelect: function (suggestion) {
            var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value + ' <br>      <strong>Symbol:   </strong> ' + suggestion.data + '<br> <strong>Profile Pic:</strong> ' +     suggestion.foto;
            $('#outputcontent').html(thehtml);
        }
    });
});

前もって感謝します。

4

3 に答える 3

2

次のコードを使用します。

var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value 
             + ' <br>  <strong>Symbol:   </strong> ' + suggestion.data 
             + '<br> <strong>Profile Pic:</strong> <img ' + suggestion.foto +' />';
                                                  ^^^ use image tag here

そして、あなたfotoは次のようになるはずです：

foto: "src='img/logo.jpg'"
     ^^^ add the double quotation mark to make it correct
于 2013-10-17T13:30:03.853 に答える
0

アンドレ・ディオンがコメントで述べたように、あなたの構文は無効です。

オブジェクトの foto プロパティ値を次のように変更する必要があります。

foto: 'path/to/my/img.ext'

HTML では、そのプロパティを呼び出すときに、イメージ タグ内に追加します。

thehtml += '<img src="'+foto+'" alt="don't forget the blind!" />';

お役に立てれば。

‐ シド

于 2013-10-17T13:33:06.243 に答える
0

配列を有効に更新すると役立ちます:)

 var currencies = [
      { value: 'Murray Smith', data: 'AFN', foto: '<img src="img/logo.jpg">' },
      { value: 'Brown Church', data: 'ALL' ,foto: '<img src="img/logo.jpg">'},
      { value: 'Jack Jones', data: 'DZD' ,foto: '<img src="img/logo.jpg">'},
      { value: 'Ben Clark', data: 'EUR' ,foto: '<img src="img/logo.jpg">'},
      { value: 'Pete White', data: 'AOA' ,foto: '<img src="img/logo.jpg">'},
      { value: 'East Caribbean dollar', data: 'XCD' ,foto: '<img src="img/logo.jpg">'},
 ];
于 2013-10-17T13:30:46.197 に答える