Question

这是我的自动填充选择代码：

       $('.js-main-search').autocomplete({
            minLength: 3,
            source: function(request, response) {
                $.getJSON('/dashboard/searchDocumentsAndCompanies.do',
                    { q: request.term},
                    function(data) {
                        if(data.length == 0){
                            data = [
                                {name: 'No matches found', resultType: 'COMPANY', noResults: true},
                                {name: 'No matches found', resultType: 'BRANCHES', noResults: true}
                            ];
                        }
                        data.unshift({name: 'Search from documents &raquo;',resultType: 'DOCUMENT', reqQuery: request.term});
                        response(data);
                    });
            },
            select: function(event, ul) {
                event.preventDefault();
                selected = true;
                    if (ul.item.resultType == 'DOCUMENT' && !wasSearched) {
                        wasSearched = true;
                        $(".textbox.ui-front li:eq(1)").before('<li class="search-category ui-menu-item">Documents</li>');

                        $.getJSON(Telema.CONTEXT_PATH + '/dashboard/searchDocumentsAndCompanies.do',
                            {q: ul.item.reqQuery, resultType: ul.item.resultType},
                            function (data) {
                                if (data.length == 0) {
                                    data = [
                                        {name: 'No matches found', resultType: 'DOCUMENT', noResults: true}
                                    ];
                                }
                                $.each(data, function (index, document) {
                                    $(".textbox.ui-front li:eq(1)").after('<li class="ui-menu-item">' + document.name + '</li>');
                                });
                            });
                    }
                }
        });

HTML：

<div class="search">
    <form id="searchForm" action="/">
        <div class="search-form cfx">
            <input id="topSearchButton" type="submit" class="btn" value="">
            <div class="textbox ui-front">
                <input id="topSearchInput" type="text" class="textbox-input js-main-search ui-autocomplete-input" autocomplete="off">
                <ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content" id="ui-id-1" tabindex="0" style="display: none;"></ul></div>
            </div>
    </form>
</div>

单击其中一个菜单项时，我有 TypeError ul.item undefined 。任何人都可以建议。如果需要更多信息，我很乐意提供！

Answer 1

根据jQuery UI docs，select事件处理程序的ui参数有一个名为item的属性，它是一个对象 - 默认情况下 - 有两个属性：一个标签和一个值。如果您需要其他resultType属性，则必须在初始化自动完成小部件时将其明确定义为source属性的一部分。像这样：

source: (request, response) ->
    $.get .............
    response $.map data, (request_data) ->
    {
        label: request_data.value.replace(regex, "<strong>$1</strong>"),
        value: if request_data.id == "" then $('#q').val() else request_data.value,
        id: request_data.id
        resultType: request_data.resulttype
    }

来源：http://www.codedisqus.com/0mNVUVekWW/jquery-autocomplete-select-ignores-custom-data-fields.html

选择TypeError ui.item undefined Jquery Autocomplete

1 个答案: