Question

如果我这样做：

var countryList = [
    "London",
    "Milan",
    "New York"
];

$("#divDest").autocomplete({
    source: countryList
});

插件会像这样呈现一些东西：

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 21; top: 243px; left: 768px; display: none; width: 131px;">
    <li class="ui-menu-item" role="menuitem">
        <a class="ui-corner-all" tabindex="-1">London</a>
    </li>

    <li class="ui-menu-item" role="menuitem">
        <a class="ui-corner-all" tabindex="-1">Milan</a>
    </li>

    <li class="ui-menu-item" role="menuitem">
        <a class="ui-corner-all" tabindex="-1">New York</a>
    </li>
</ul>

好吧，假设我不仅要在链接上添加国家/地区的名称，还要在title属性中添加其他一些信息（例如，每个国家/地区的ID）。如：

<a class="ui-corner-all" tabindex="-1" title="country_3523">New York</a>

如何使用插件进行操作？

Answer 1

  _renderItem: function( ul, item) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( $( "<a></a>" ).text( item.label ).attr('title', item.title) )
            .appendTo( ul );
    },

jQuery自动完成：设置链接标题

1 个答案: