javascript - 对象不支持属性或方法 'autocomplete'

Question

@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>

Controller

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);
}

Answer 1

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

这是包含文件的顺序

1. jQuery.js
2. jQuery UI.js
3. 自动完成.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" />