對象不支持屬性或方法 '自動完成'

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> 

控制器

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. autocomplete.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" />