我的 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 调用每次都会返回良好的结果，但它们似乎并未绑定(bind)到 .autocomplete 事件。
最佳答案
我已经找到问题的原因了。 成功拉回 Ajax 查询的结果后，我尝试使用以下代码将它们分配给自动完成:
$("[class$='controls_icr_searchbox']").autocomplete({
奇怪的是，这在第一个实例中有效，但在任何后续更改中都失败了。 我的代码现在可以使用以下代码代替上面的代码正常工作:
$(".controls_icr_searchbox").autocomplete({
关于jQuery .autosuggest 保留结果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4782890/