2

我想知道是否有办法将 Jquery UI 图标添加到 Jquery UI 自动完成结果中。我的结果分为 3 个不同的类别,我想通过使用图标来明确这一点。

我已经从服务器收到了从 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 回答