jquery - jquery ui自动完成未列出结果

Question

我正在使用 jquery ui v1.10.3 和 style v1.10.3 库。jquery 库版本为 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": "kolya@husten.com",
            "Telephone": "0(234)567-89-45",
            "MobilePhone": "0(234)567-89-76",
            "DiscountRatio": "0"
        },
        {
            "Name": "Loya Mantus",
            "CustomerCode": "MT20132602",
            "TypeName": "Normal",
            "Email": "loya@mantus.com",
            "Telephone": "0(212)268-02-22",
            "MobilePhone": "0(536)448-96-67",
            "DiscountRatio": "10"
        }
    ]
}

一切看起来都不错，但结果未显示为如图所示

Answer 1

我发现了错误。

在我的 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; }

它奏效了。

不管怎么说，还是要谢谢你。