Home/ Questions/Q 8103451
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T23:33:11+00:00

I am abviously missing something, but I keep getting this message when trying to

  • 0

I am abviously missing something, but I keep getting this message when trying to add auto complete to a text box: .autocomplete is not a function

_Layout (Only the head section):

<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")

Index:

    <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" />
}

I am pretty sure that the Jquery plugin is not loading correctly but I can’t see why!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    After scratching my head for an hour or so I found the problem, so here goes:

    1. You must add your javascript to the @section Scripts {} section
    2. I had to include the following packages:
      @Scripts.Render(“~/bundles/jqueryval”)
      @Scripts.Render(“~/bundles/jqueryui”)

    MVC4 ships with the correct JQuery files and the default configuration already includes the necessary packages.

    Hope this helps someone else.

    • 0