0

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;

}

なぜこれが起こっているのですか？

4

1 に答える 1

0

交換してみる

<input id="reports-textSearch"   />

と

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

入力の種類についても言及する必要があります

于 2013-04-17T13:17:45.023 に答える