0

これを検索しましたが、使用しているコードで機能させるのに苦労しています。

オートコンプリートの結果で自分の入力を太字にしたいのですが、誰か助けてもらえますか? ありがとう

jQuery( '#description-input:not(.ui-autocomplete-input)' ).live( 'focus', jQuery.proxy( function( event ){
    jQuery( event.target ).trigger( this.config.events.AUTORESIZE ).autocomplete( {

        source: jQuery.proxy( function( request, response ) {
            jQuery.ajax({
                url: self.config.keyword_search_url,
                dataType: "json",
                data: { name_startsWith: request.q, q : jQuery('#description-input').val(), 
                    level: this.selectedStore.getLevelId() },
                select: function(event, ui) { event.stopPropagation(); },
                success: function( data ) {
                    response( jQuery.map( data, function( item ) {
                        return { value: item };
                    }));
                }
            });
        }, this),

        focus : jQuery.proxy(function(event, ui) {
            jQuery( 'body' ).undelegate( '#description-input', 'blur' );
            jQuery( 'ul.ui-autocomplete' ).one( 'mouseleave', jQuery.proxy(function(event) {
                jQuery( 'body' ).delegate( '#description-input', 'blur', jQuery.proxy(function(event) {
                    self.exitEditItem(event);
                }, this));
            }, this));
        }, this),

        select : jQuery.proxy(function(event, ui) {
            event.ui = ui;
            self.editItemSpecialKeys(event);

            jQuery( 'ul.ui-autocomplete' ).unbind( 'mouseleave' );
            jQuery( 'body' ).delegate( '#description-input', 'blur', jQuery.proxy(function(event) {
                self.exitEditItem(event);
            }, this));
        }, this),

        position : { 
            my: 'center top', 
            at: 'center bottom', 
            offset: '0 -1px',
            collision: 'flip'
        },

        delay: 0,
        minLength: 2,
        disabled: true
    }).autocomplete( 'widget' ).addClass( 'autocomplete-list' );

私はこの方法を使用しようとしました：

function __highlight(s, t) {
    var matcher = new RegExp("("+$.ui.autocomplete.escapeRegex(t)+")", "ig" );
    return s.replace(matcher, "$1");
}

しかし、私は運がありません。

4

2 に答える 2

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

これを次のように変更します。

_renderItem: function( ul, item) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( $( "<a></a>" ).html( item.label ) )
            .appendTo( ul );
    },
于 2012-05-04T09:24:19.387 に答える
0 
           $.ajax({
                url: self.config.keyword_search_url,
                dataType: "json",
                data: { name_startsWith: request.q, q: jQuery('#description-input').val(),
                    level: this.selectedStore.getLevelId()
                },
                select: function (event, ui) { event.stopPropagation(); },
                success: function (data) {
                    response(jQuery.map(data, function (item) {
                        return { value: '<b>' + item + '</b>' };
                    }));
                }
            });
于 2012-05-04T08:17:22.040 に答える