javascript - $(...).autocomplete 不是函数错误

Question

我有以下文件

<link href="~/Content/Site.css" rel="stylesheet" />
<link href="~/Content/boostrap-min.css" rel="stylesheet" />
<link href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.12.4.min.js"></script>
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

然后我有javascript函数

<script type="text/javascript">
   $(document).ready(function () {
        $(function () {
            $("#txtSearch").autocomplete({
                source: '@Url.Action("MerrBarkodet","Produktet")'
            });
        });
    });
</script>

但无法正常工作，显示错误未捕获的类型错误:$(...).autocomplete不是一个函数

@using (Html.BeginForm("Index", "Produktet", FormMethod.Get, new { @class = "navbar-form navbar-left" }))
    {
    <div class="form-group">
        <b>Search:</b>@Html.TextBox("search", null, new { id = "txtSearch" })
        <input class="btn btn-default" type="submit" value="Search" />
    </div>
    }

Answer 1

注释掉(或删除)我在下面注释的代码。 $(function() { }) 不会在 $(document).ready() 调用内初始化。

 //$(document).ready(function () {
        $(function () {
            $("#txtSearch").autocomplete({
                source: '@Url.Action("MerrBarkodet","Produktet")'
            });
        });
 //   });