jquery ui autocomplete未列出结果

时间:2013-09-30 18:58:14

标签: jquery jquery-ui autocomplete jquery-autocomplete jquery-ui-autocomplete

我正在使用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": "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"
        }
    ]
}

一切看起来都不错,但结果不会显示为图像

enter image description here

1 个答案:

答案 0 :(得分: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; }

它有效。

无论如何,谢谢。