Jquery自动完成不显示列表答案

【问题标题】：Jquery auto complete not displaying the listJquery自动完成不显示列表
【发布时间】：2016-06-02 23:22:51
【问题描述】：

$("#txtSearch").autocomplete({
    source: '@Url.Action("GetReports")'
});

这就是我在我的 JQuery 中调用方法 GetReports 的内容。控制器中的方法返回正确的数据，我只返回第一个return Json(filteredReports.Take(2), JsonRequestBehavior.AllowGet);

当我在文本框中输入内容时，列表不会出现，但是当我按向上和向下箭头时，我可以看到文本正确地出现在框中。

我试过放

.ui-autocomplete {
    z-index: 2;
}

在我的 CSS 文件中，但没有运气。我不确定我做错了什么。

【问题讨论】：

标签： c# jquery model-view-controller autocomplete

【解决方案1】：

可能是 CSS 问题。我有这个：

.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
color: #555;
font-size: 14px;
}

.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;

}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}


.ui-menu .ui-menu-item {
padding: 3px 1em 3px .4em;
cursor: pointer;
 }

【讨论】：