Пользовательский HTML-код автозаполнения пользовательского интерфейса JQuery (элемент не определен)

Я бился головой о стол, пытаясь заставить автозаполнение jQuery UI выводить пользовательский HTML . Вот мой код.

        $(document).ready(function(){

        $.widget( "custom.catcomplete", $.ui.autocomplete, {
            _renderMenu: function( ul, items ) {
                var self = this,
                    currentCategory = "";
                $.each( items, function( index, item ) {
                    if ( item.category != currentCategory ) {
                        ul.append( "<li class='ui-autocomplete-category'>" + item.category + "<ul class='autocomplete-category'></ul></li>" );
                        currentCategory = item.category;
                    }
                    self._renderItem( ul, item);
                });
            }
        });

        var data = [
            { label: "anders", category: "Antigen" },
            { label: "andreas", category: "Antigen" },
            { label: "antal", category: "Antigen" },
            { label: "annhhx10", category: "Products" },
            { label: "annk K12", category: "Products" },
            { label: "annttop C13", category: "Products" },
            { label: "anders andersson", category: "People" },
            { label: "andreas andersson", category: "People" },
            { label: "andreas johnson", category: "People" }
        ];

        $( "#typeAhead" ).catcomplete({
            delay: 0,
            source: data,
        })
        .data( "catcomplete" )._renderItem = function( ul, item ) {
            return $( "<li></li>" )
                .data( "item.catcomplete", item )
                .append( $( "<a class='ui-menu-item'></a>" ).text( item.label ) )
                .appendTo( $('ul').last('.autocomplete-category'));
        };
    });

Кажется, у меня проблемы из-за вложения моих списков в функцию renderItem. Вывод HTML именно такой, как я хочу. Однако, когда я нажимаю клавишу, я получаю сообщение об ошибке javascript (элемент не определен).

Есть идеи или предложения? Я перепробовала практически все.

6
задан Andrew Whitaker 10 August 2012 в 01:49
поделиться