Question

我有一个JQuery自动完成框，但它不能正常工作。搜索工作正常，但是当我显示结果时（在自动完成框内），我看不到文本，只是一个非常薄的水平蓝色滑块，没有文字。

我使用的是JQuery Theme Redmond，并有以下js调用： -

<head id="Head1" runat="server">
<link href="Content/Redmond/jquery-ui-1.10.2.custom.css" rel="stylesheet">
<script src="Scripts/jquery-1.9.1.js"></script>
<script src="Scripts/jquery-ui-1.10.2.custom.js"></script>

和JQuery如下： -

        //reports Navbar AutoComplete
    $("#reports-textSearch").autocomplete({
        source: function (request, response) {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "Dashboard.aspx/FetchReports",
                data: "{'reportName':'" + document.getElementById('reports-textSearch').value + "'}",
                dataType: "json",
                success: function (data) {
                    response(data.d);
                    var val = $("#reports-textSearch").val();
                    //__doPostBack('div#UPMainMenu', val);
                },
                error: function (result) {
                    alert("Error");
                }
            });
        },
        messages: {
            noResults: '', results: function () {
            }
        }

    });

，HTML如下： -

  <div id="navbar-reportsSearch">
      <div class="navbar-reportsAutoSearchBar">
          <input id="reports-textSearch"   />
      </div>
  </div>

我还在自动填充中添加了一些样式，但似乎没有任何效果： -

#reports-textSearch {
width: 235px;
z-index: 100; 
position: relative
}


#reports-textSearch > li {
border: #000000;

}

为什么会发生这种情况？

Answer 1

尝试替换

<input id="reports-textSearch"   />

与

<input type="text" id="reports-textSearch"   />

您还需要提及输入类型

Jquery Autocomplete不显示应该显示的内容

1 个答案: