对象不支持属性或方法“自动完成”

Object doesn't support property or method 'autocomplete'

本文关键字:自动完成 不支持 属性 方法 对象      更新时间:2023-09-26
@model IEnumerable<ModelClass.DhoniRegistry>
@using (@Html.BeginForm())
{
    <b> Dhoni Name  </b>
    @Html.TextBox("SearchTerm", null, new { id = "txtSearch" })
    <input type="submit" value="Search" />
}    
<link href="~/Content/jquery-ui.min.css" rel="stylesheet" />
<link href="~/Content/jquery-ui.structure.min.css" rel="stylesheet" />
<link href="~/Content/jquery-ui.theme.min.css" rel="stylesheet" />
<script src="~/Scripts/external/jquery/jquery.js"></script>
<script src="~/Scripts/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
    $(function ()
    {
        $("#txtSearch").autocomplete({ source: '@Url.Action("ASDhoniName")' });
    });
</script>

控制器

public JsonResult ASDhoniName(string SearchTerm)
{
    DhoniRegistryBusinessSer dhoniBisSer = new DhoniRegistryBusinessSer();
    List<string> dhoniReg;
    dhoniReg = dhoniBisSer.ListDhoniRegistry().Where(x => x.DhoniName.StartsWith(SearchTerm))
        .Select(y => y.DhoniName).ToList();
    return Json(dhoniReg,JsonRequestBehavior.AllowGet);
}

您丢失/错误放置jQuery/ jQuery UI.js/ autocomplete.js文件。此外,您还添加了两份jquery-ui副本。删除一个。

这是包含文件的顺序

  1. jQuery.js
  2. jQuery UI
  3. .js
  4. 自动完成.js

在自动完成之前添加以下内容

<script src="http://code.jquery.com/jquery-1.9.1.js />
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" />