jquery-ui 1.9.1 autocomplete no droplist

时间:2015-03-30 13:36:17

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

我正在使用webservice返回我的结果,但即使我有数据,也没有结果列表。以下是我的代码。

<asp:Content ID="Content1" ContentPlaceHolderID="ScriptContent" Runat="Server">
<script type="text/javascript" src="../../Scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" src="../../Scripts/jquery-ui-1.9.1.custom.min.js"></script>
<script type="text/javascript" src="test.js"></script>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" Runat="Server">
<div class="ui-widget">
    <label for="bldg">Your Buildings: </label>
    <input id="bldg" type="text" runat="server" />
    &nbsp;&nbsp
</div>
</asp:Content>


$("#bldg").autocomplete({
    source: function (request, response) {
        $.ajax({
            async:false,
            url: "../../CommonWebServices/wsEntity.asmx/ReportBuildings",
            data: "{ 'Name': '" + request.term + "'}",
            dataType: "json",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataFilter: function (data) { return data; },
            success: function (data) {
                response($.map(data, function (item) {
                    return {
                        label: item.Text,
                        value: item.Value
                    }   // end of return
                })) // end of response
            }   // end of success
        });     // end of ajax
    },  // end of source
    minLength: 1,
    //source:["apples","grapes", "granola","oranges","pumpkins"]
});

我使用的是ui 1.9.1,当结果返回成功时,我在data.d中有记录,但屏幕上没有显示删除列表。

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我错过了我的jquery-ui-1.9.1.custom.css。一旦添加,我的列表就出现了。