[英]JSON autocomplete, doesn't show results
我正在尝试为自动完成输入类型首次实现JSON。
@{
ViewBag.Title = "Index";
}
<script type="text/javascript">
function searchFailed(){
$("#searchresults").html("Sorry, there was a problem with the search.");
}
$("input[data-autocomplete-source]").each(function () {
var target = $(this);
target.autocomplete({ source: target.attr("data-autocomplete-source") });
});
</script>
<h2>Index</h2>
@using (Ajax.BeginForm("QuickSearch", "Search", new AjaxOptions { InsertionMode = InsertionMode.Replace, HttpMethod = "GET", OnFailure = "searchFailed", LoadingElementId = "ajax-loader", UpdateTargetId = "searchresults", }))
{
<input type="text" name="q" data-autocomplete-source="@Url.Action("QuickSearch", "Search")" />
}
但是,它抱怨data-autocomplete-source不是有效的属性。 它进入了快速搜索,但没有看到自动完成结果。
target.data("autocomplete-source");
使用数据属性。 jQuery的。 数据
更换:
$("input[data-autocomplete-source]").each(function () {
var target = $(this);
target.autocomplete({ source: target.attr("data-autocomplete-source") });
});
与:
$(function () {
$("input[data-autocomplete-source]").each(function () {
var target = $(this);
target.autocomplete({ source: target.data("autocomplete-source") });
});
});
您使用$(function () {})
等待页面“就绪”并且元素存在。
更改:
<input type="text" name="q" data-autocomplete-source="@Url.Action("QuickSearch", "Search")" />
至:
<input class="my-autocomplete" type="text" name="q" data-autocomplete-source="@Url.Action("QuickSearch", "Search")" />
并更改:
$("input[data-autocomplete-source]").each
至:
$("input.my-autocomplete").each
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.