2

Jquery UI オートコンプリートの結果に Jquery UI アイコンを追加する方法があるかどうか疑問に思っていました。私の結果は 3 つの異なるカテゴリに分かれており、アイコンを使用してそれを明確にしたかったのです。

サーバーからそのカテゴリ ID を 1 から 3 までの数字として既に受信しており、それを使用することができます。

結果にアイコンも入れましたが、それらは (醜い) カスタム アイコンでした。私が知りたかったのは、アイコンに組み込まれたjquery uiを結果に表示する簡単な方法があるかどうかです。

今では、このようにアイコンを配置しています：

$("#input").autocomplete(source:"serveradress")
    .data( "autocomplete" )._renderItem = function( ul, item ) {
        var image = "<img src=\"images/icon_" + item.category + ".png\" class=\"icon\" />";
        var itemhtml = "<a> + image + item.value + "</a>";
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( itemhtml )
            .appendTo( ul );
    };
4

1 に答える 1

1

これをこれに追加してみてください：

<span class="ui-icon ui-icon-home"></span>

そして、私はそれを終了しなければなりませんでした

</span>

タグを自己終了させる代わりに、何らかの理由で問題を引き起こしていました。

于 2012-06-26T16:04:20.373 に答える