javascript - .autocomplete 不是一个函数 MVC4

Question

_Layout.cshtml

<script src = "@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
   <script src = "@Url.Content("~/Scripts/jquery-ui-1.8.23.custom.min.js")" type="text/javascript"></script>
   <link href="@Url.Content("~/Content/smoothness/jquery-ui-1.8.23.custom.css")" rel="stylesheet" type="text/css" />

我的模型

@using (Html.BeginForm()){<fieldset>
    <legend>Person Search</legend>

    <div class="editor-label">
        @Html.LabelFor(model => model.Name)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Name)
    </div>
    <p>
         <input type="submit" value="Search" />
        @*@ko.Html.Button("Search", "SearchPerson", "Person")*@
    </p>

}

视图中的脚本

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

 <script type="text/javascript">
 $(document).ready(function () {
     $("#Name").autocomplete('@Url.Action("PersonNameAutocomplete", "Person")', { minChars: 3 });
});

错误是 TypeError: $("#Name").autocomplete is not a function

Answer 1

我解决了错误并将脚本放在另一个区域，所以

 @section Scripts 
 {
     @Scripts.Render("~/bundles/jqueryval")
     <script src = "@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
     <script src = "@Url.Content("~/Scripts/jquery-ui-1.8.23.custom.min.js")" type="text/javascript"></script>
     <link href="@Url.Content("~/Content/smoothness/jquery-ui-1.8.23.custom.css")" rel="stylesheet" type="text/css" />
 }