简单的 jQuery 自动完成示例 ASP.NET 应用程序中不起作用

simple jQuery autocomplete example not working in ASP.NET Application

本文关键字：ASP NET 应用程序 不起作用 jQuery 简单      更新时间：2023-09-26

这个线程与我以前的线程有关（使用JavaScript和jQuery的强制建议机制（ASP.NET MVC项目））。但是我遇到的问题太大了，无法将其放在那里。

我正在尝试使用简单的jQuery自动完成示例（http://jqueryui.com/autocomplete/）在我的 ASP.NET NVC 4 Web应用程序中工作。我试过这个：

@model PoliticiOnline.DTO.Question
@{
    ViewBag.Title = "Stel een vraag!";
}
<head>
    <link rel="stylesheet" href="~/Content/Questions.css" type="text/css" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    @Scripts.Render("~/bundles/jqueryval")

    <script>
        $(function () {
            var availableTags = [
                "ActionScript",
                "AppleScript",
                "Asp",
                "BASIC",
                "C",
                "C++",
                "Clojure",
                "COBOL",
                "ColdFusion",
                "Erlang",
                "Fortran",
                "Groovy",
                "Haskell",
                "Java",
                "JavaScript",
                "Lisp",
                "Perl",
                "PHP",
                "Python",
                "Ruby",
                "Scala",
                "Scheme"
            ];
            $("#tags").autocomplete({
                source: availableTags
            });
        });
    </script>
</head>
<h2>Stel een vraag!</h2>
@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Vraag</legend>
        <div class="general-question">
            <div class="editor-label">
                @Html.LabelFor(model => model.GeneralQuestion, "Algemene Vraag")
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.GeneralQuestion, new{@class = "general-question-edit"})
                @Html.ValidationMessageFor(model => model.GeneralQuestion)
            </div>
        </div>
        <div class="geadresseerde-politici">
            @Html.Label("Politicus")
            @Html.DropDownListFor(model => model.PoliticianId, (SelectList)ViewBag.PolIds)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Explanation, "Extra Uitleg")
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Explanation, new{@class = "explanation-textarea-edit"})
            @Html.ValidationMessageFor(model => model.Explanation)
        </div>
        <p>
            <input type="submit" value="Indienen!" />
        </p>
        <label for="tags">Tags: </label>
        <input id="tags"/>
    </fieldset>
}
<div>
    @Html.ActionLink("Back to List", "Index")
</div>
只是自动完成不起作用

（我还没有尝试与表单一起发送它，我只是希望自动完成工作）。

当我开始在输入字段中输入时，没有任何反应，但它实际上应该给出建议。

我几乎可以肯定错误：

"Uncaught ReferenceError: Uncaught ReferenceError: jQuery is not defined Uncaught ReferenceError: jQuery is not defined Uncaught ReferenceError: $ is not defined

表示 jQuery 未加载到您的页面上。

从CDN加载jquery或类似的东西： 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

尝试使用：

 $(document).ready(function () { }
相关文章：