jQuery .autosuggest 保留结果答案

【问题标题】：jQuery .autosuggest retains resultsjQuery .autosuggest 保留结果
【发布时间】：2011-06-14 13:12:27
【问题描述】：

我的 jquery 自动完成插件保留了初始搜索的结果，并且不会用新搜索的结果替换这些结果。我的 ASP 代码如下：

<body>
<form id="form1" runat="server">
  <asp:TextBox ID="txtSearch" class="controls_icr_searchbox" runat="server" 
                    style="width:200px;"/>
</form>
</body>

虽然进行 Ajax 调用的 jQuery 看起来像这样：

$(document).ready(function () {    
        $('.controls_icr_searchbox').keyup(function () {
            if ($('.controls_icr_searchbox').val().length > 4) {
                //Code to fetch
                //var divToBeWorkedOn = '#AjaxPlaceHolder';
                var parameters = "{'query':'" + 
                                    $('.controls_icr_searchbox').val() + "'}";
                var url = 'AutoComplete.asmx/GetAddress';
                $.ajax({
                    type: "POST",
                    url: url,
                    dataType: "json",
                    data: parameters,
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        var datafromServer = data.d.split(":");
                        $("[class$='controls_icr_searchbox']").autocomplete({
                            source: datafromServer
                        });
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            }
          });    
    });

ajax 调用每次都能很好地返回结果，但它们似乎没有被绑定到 .autocomplete 事件上。

【问题讨论】：

标签： jquery asp.net ajax jquery-ui autocomplete

【解决方案1】：

我找到了问题的原因。在成功拉回 Ajax 查询的结果后，我尝试使用以下代码将它们分配给自动完成功能：

$("[class$='controls_icr_searchbox']").autocomplete({

奇怪的是，这在第一个实例上有效，但在任何后续更改中都失败了。我的代码现在可以使用以下代码代替上面的代码正常工作：

$(".controls_icr_searchbox").autocomplete({

【讨论】：