$("#Name").autocomplete 不是函数

Question

当我运行此页面时，我在 firebug 中看到错误

<script type="text/javascript">
$(document).ready(function () {
var url = '/Tag/TagName';
$('#Name').autocomplete(url, {
minChars: 1,
multiple: true,
formatResult: function (row) {
return row[0].replace(/(<.+?>)/gi, '');
}
}).result(function (event, data, formatted) {
alert(!data ? "No match!" : "Selected: " + formatted);
});
})
</script> 

错误是：

$("#Name").autocomplete is not a function 

我在这个文件里也有

  <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src=@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>

和

 <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name) 
        </div>

这个错误的根源是什么？

最好的问候

编辑

非，是

<script src=@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>

但我还有另一个错误：

$("#Name").autocomplete(url, {minChars: 1, multiple: true, formatResult: function (row) {return row[0].replace(/(<.+?>)/gi, "");}}).result is not a function

如果这有帮助：

我在 _Layout.cshtml 中拥有的每个脚本库绑定

_Layout.cshtml

Answer 1

直接原因是你没有加载 jQuery 自动完成插件（错误信息很清楚）。

根本原因是您在src= 之后缺少开场白：

<script src=@Url.Content("~/Scripts/jquery-ui-1.8.11.js")"

Answer 2

您似乎没有包含 jQuery Autocomplete 插件。

http://docs.jquery.com/Plugins/autocomplete

编辑：jQuery UI 包含一个自动完成功能，这就是您在此处使用的功能。此功能与 jQuery Autocomplete 插件不同。它的工作方式不同。您在此处使用的代码引用了该插件，但您调用的自动完成功能是 jQuery UI 中包含的功能。您应该查看 jQuery UI 自动完成功能，如果这不是您所需要的，您可以包含 jQuery Autocomplete 插件脚本并使用它来代替，保留您现有的代码。确保在 jQuery UI 之后添加插件脚本文件，这样它就不会被覆盖或下载新版本的 jQuery UI，但自动完成功能已删除。

jQuery UI 自动完成 http://jqueryui.com/demos/autocomplete/

jQuery 自动完成插件 http://docs.jquery.com/Plugins/autocomplete

<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>

jQuery UI 插件实例

$( "#Name" ).autocomplete({
    source: url,
    minLength: 1,
    select: function( event, ui ) {
        log( ui.item ?
            "Selected: " + ui.item.value + " aka " + ui.item.id :
            "Nothing selected, input was " + this.value );
    }
});

Answer 3

你链接图书馆了吗？：

<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>