5

私のページには、データを正しくフェッチして表示するオートコンプリーターがあります....それが正しく動作しなくなったときは、選択イベントにあります....

$("#fld_search1").catcomplete({
        delay: 50,
        minLength: 2,
        open: function(e, ui){
            if(searching) return;
            //console.log($(this).data('catcomplete'));
            var acData = $(this).data('catcomplete');
           var styledTerm = '<strong>%s</strong>'.replace('%s', acData.term);


            acData.menu
                .element
                .find('li a')
                .each(function() {
                    var me = $(this);
                    me.html( me.text().replace(acData.term, styledTerm) );
                });
            //return match.replace(new RegExp("("+keywords+")", "gi"),'<i>$1</i>');
        },
        select: function(event, ui) {
            var I = ui.item;
            top.console.log(ui);
            $("#fld_search1" ).catcomplete("close");

            $('#fld_search1').val(I.name);
            window.location = '/podjetje/'+I.value+'.html';
            //$('#frm_company_id').val(I.value);
            return false;
        },
        source: function( request, response ) {


            search_term = request.term;

            if ( search_term in cache ) {
                response( cache[ tesearch_termrm ] );
                return;
            }


            var suggest_url = "/companies/find_company.json";


            $.ajax({
                url: suggest_url,
                dataType: "json",
                type : "POST",
                data: {
                    owner: request.term
                },
                success: function( data ) {
                    response( $.map( data, function( item ) {
                        var alabel = item.label.replace(
                                new RegExp('(' +
                                    $.ui.autocomplete.escapeRegex(request.term) +
                                    ')'), 
                            "<b>$1</b>" );
                        return {
                            value: item.value,
                            label: item.label,
                            name: item.name,
                            category: item.category
                        }
                    }));
                }
            });


        }
    });

uiオブジェクトを取得しません...

top.console.log(ui) を実行すると、1 つのプロパティを持つオブジェクトが取得されます->アイテム...これは未定義です...したがって、I 値をログに記録すると未定義になります...これはどのように可能ですか?

これは1.9.1にあります

それを変更して 1.9.2 を使用すると、メニューは常にマウスオーバーで閉じます... autoFocus を使用すると、メニューが開きません!

4

1 に答える 1

28

ui.item今日、私は未定義のプロパティで同じ問題を抱えていました。いくつかのデバッグの後、私は解決策を見つけました。jQuery UIチームは、カテゴリのサンプルコードを使用してオートコンプリートを少し変更しました。サンプルのソースコードを見ると、次のように表示されます。

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

以前の行that._renderItemData( ul, item );（1.9より前のバージョン）that._renderItem( ul, item );。参照：バグ＃8560。ただし、これは1.9アップグレードガイドには記載されていません。

そこで、この関数を使用するようにプラグインを変更しました_renderItemData(...,...)。これで問題は解決しました。

お役に立てれば！

于 2013-01-04T15:08:56.160 に答える