javascript - jQuery Tag-It - 使用标签和值对象列表

Question

我尝试了一个很棒的插件（http://aehlke.github.com/tag-it/）。

我有一个像这样的对象列表：

var category = [{label:'Photographer',value:'Guruh'},{label:'Photographer',value:'Citta'},{label:'Photographer',value:'Zaki'},{label:'Version',value:'737'},{label:'Version',value:'738'}];

我在我的设置中传递给 tagSource 选项：

$("#my_list_tags").tagit({
    tagSource: category,
    singleField: true,
    singleFieldNode: $("#my_list"),
    placeholderText: "Start typing..."
});

我当前的显示列表：

我想用一些额外的标签显示我的显示列表：

这是我的渲染 html：

    <ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 50px; left: 12px; display: none; width: 294px;">
<li class="ui-menu-item" role="menuitem">
     <a class="ui-corner-all" tabindex="-1">Guruh SKOM</a>
</li>
<li class="ui-menu-item" role="menuitem">
     <a class="ui-corner-all" tabindex="-1">guruh</a>
</li>
</ul>

有人可以在这里帮助我吗？我将不胜感激！

在此先感谢，古鲁

Answer 1

你可以在你的选项被渲染后调用这样的东西

var category = [{label:'Photographer',value:'Guruh'},{label:'Photographer',value:'Citta'},{label:'Photographer',value:'Zaki'},{label:'Version',value:'737'},{label:'Version',value:'738'}]; 

$("a.ui-corner-all").each(function(){

     var txt = $(this).text();
     var lblIndex;
     var lblValue;


     $.each(category, function (index, singleObj) {
            if(singleObj.value == txt)
             {
                 lblValue = singleObj.label;
                 return false;
             }
     });         


     $(this).text(txt + " " + lblValue);

});

这可能并不复杂