jquery - MVC4 - JQuery AutoComplete - .autocomplete 不是函数

标签 jquery asp.net-mvc razor autocomplete asp.net-mvc-4

我显然遗漏了一些东西,但是当我尝试将自动完成添加到文本框时,我不断收到此消息:.autocomplete 不是函数

_布局(仅头部):

<head>
 <meta charset="utf-8" />
 <title>@ViewBag.Title - My ASP.NET MVC Application</title>
 <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
 <meta name="viewport" content="width=device-width" />
 <link href="../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
 <script src="../../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
 <script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
 @Styles.Render("~/Content/themes/base/css", "~/Content/css")
 @Scripts.Render("~/bundles/modernizr")

索引:

    <script type="text/javascript">
$(function () {
    $("#searchTerm").autocomplete({
       source: "/Search/AutocompleteSuggestions",
       minLength: 3,
       select: function (event, ui) {
             if (ui.item) {
                $("#searchTerm").val(ui.item.value);
                $("form").submit();
             }
       }
      });
});

@using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl }))'
{
<input id="searchTerm" name="searchTerm" type="text" />
<input type="submit" value="Go" />
}

我很确定 Jquery 插件未正确加载,但我不明白为什么!

最佳答案

挠头一个小时左右后,我发现了问题,所以这里是:

  1. 您必须将 JavaScript 添加到 @section Scripts {} 部分
  2. 我必须包含以下软件包: @Scripts.Render(“~/bundles/jqueryval”) @Scripts.Render("~/bundles/jqueryui")

MVC4 附带了正确的 JQuery 文件,并且默认配置已包含必要的包。

希望这对其他人有帮助。

关于jquery - MVC4 - JQuery AutoComplete - .autocomplete 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10970513/

相关文章:

javascript - 页面加载事件调试

jquery - 动态加载的链接不会在单击时触发 ColorBox,但在第二次单击时会触发

jquery - 在 JQuery qtip2 弹出窗口中显示 HTML 部分

c# - "ViewModel Behavior"的定义是什么?

javascript - Razor:从 p 标签中使用的字符串将图像扩展为 img 标签

c# - 使用 Razor 引擎的 ASP.NET MVC 3 中的 '/' 应用程序中的服务器错误

javascript - 将模型转换为 JSON 并将其传递给 JavaScript setOnLoadCallBack

javascript - $(...).pushpin 不是函数 - reactJs、Materializecss

c# - 为什么 Entity Framework 没有在我的模型上正确保存枚举属性?

javascript - 在数据表上实现服务器端分页