我显然遗漏了一些东西,但是当我尝试将自动完成添加到文本框时,我不断收到此消息:.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 插件未正确加载,但我不明白为什么!
最佳答案
挠头一个小时左右后,我发现了问题,所以这里是:
- 您必须将 JavaScript 添加到 @section Scripts {} 部分
- 我必须包含以下软件包: @Scripts.Render(“~/bundles/jqueryval”) @Scripts.Render("~/bundles/jqueryui")
MVC4 附带了正确的 JQuery 文件,并且默认配置已包含必要的包。
希望这对其他人有帮助。
关于jquery - MVC4 - JQuery AutoComplete - .autocomplete 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10970513/