0

私が行った場合 ：

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>

そのプラグインでそれを行うにはどうすればよいですか?

4

1 に答える 1

0 
  _renderItem: function( ul, item) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( $( "<a></a>" ).text( item.label ).attr('title', item.title) )
            .appendTo( ul );
    },
于 2012-05-10T09:50:57.453 に答える