Jquery自动完成不显示列表

时间:2016-06-02 15:08:09

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

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

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

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

我试过把

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

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

1 个答案:

答案 0 :(得分: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;
 }