jquery - 在 ASP.NET MVC 3 应用程序 View 中使用 jQuery 自动完成的文本框看起来不像预期的那样

Question

我输入框的代码:

<input type="text" id = "selectedTenderName" name="selectedTenderName" />

在这里我添加了对 js 文件的引用:

<script src="../../Scripts/jquery-ui-1.8.14.min.js" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>

jQuery 代码:

$(document).ready(function () {
   $("#selectedTenderName").autocomplete({ source: "/Reports/QuickSearch" });
});

行为准则:

public ActionResult QuickSearch(string term)
    var tenders = db.TENDERS
            .Where(t => t.NAMERU.ToLower().Contains(term.ToLower()))
            .Take(10)
            .OrderBy(t => t.NAMERU)
            .Select(t => new { label = t.NAMERU });
    return Json(tenders, JsonRequestBehavior.AllowGet);
}

第一张图片 - 我想做的 View 。

第二个 - 我制作的 View 。

问题出在哪里，怎么办？

Answer 1

您是否在页面中包含了 jQuery UI 样式表引用？