JQuery UI автозаполнения не отображается результат

0

Я использую jquery ui v1.10.3 и библиотеку стиля v1.10.3. Версия jquery klibrary - v1.9.1

это мое текстовое поле

<input type="text" name="txtCustomer" id="txtCustomer" />

и у меня это js

$("#txtCustomer").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '/kpanel/handlers/content.aspx?act=getCustomer&d=' + d,
                    dataType: 'json',
                    data: { name: encodeURI(request.term) },
                    success: function (z) {
                        response($.map(z.Data, function (item) {
                            return {
                                label: item.Name,
                                value: item.Name
                        }));
                    }
                });
            },
            select: function (event, ui) {
                $("#lblType").html(ui.item.TypeName);
                $("#lblCode").html(ui.item.CustomerCode);
            },
            open: function () {
                $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
            },
            close: function () {
                $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
            }
        });

и это мой результат Json Data

{
    "Data": [
        {
            "Name": "Kolya Husten",
            "CustomerCode": "MT20132645",
            "TypeName": "Normal",
            "Email": "[email protected]",
            "Telephone": "0(234)567-89-45",
            "MobilePhone": "0(234)567-89-76",
            "DiscountRatio": "0"
        },
        {
            "Name": "Loya Mantus",
            "CustomerCode": "MT20132602",
            "TypeName": "Normal",
            "Email": "[email protected]",
            "Telephone": "0(212)268-02-22",
            "MobilePhone": "0(536)448-96-67",
            "DiscountRatio": "10"
        }
    ]
}

все выглядит хорошо, но результат не отображается, как показано на рисунке

Изображение 174551

Теги:
autocomplete
jquery-ui-autocomplete
jquery-autocomplete

1 ответ

0

Я нашел ошибку.

в моем файле style.css у меня есть эта строка

body { background: #fff;  color: #393939; font-family: Arial; font-size:0px; line-height: 0; }

из-за списка свойств свойства font-size не было показано. Я изменил эту строку следующим образом.

body { background: #fff;  color: #393939; font-family: Arial; line-height: 0; }

и это сработало.

Спасибо, в любом случае.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню