2012-02-22 55 views
1

This是我的代码:无法滚动自动完成?

HTML

<input type="textbox" id="txtComune" /> 
<div id="myOwnMenuComuni" style="position:absolute; top:0; left:0px; height:1px;"></div> 

CSS

.ui-widget-content a 
{ 
    color: #222222 !important; 
    cursor: pointer !important; 
    float: left !important; 
    width: 100% !important; 
    border:1px solid #ffffff; 
} 

#myOwnMenuComuni .ui-autocomplete 
{ 
    width: 200px !important; 
    max-height: 150px; 
    overflow:auto; 
    padding-right:20px; 
} 

jQuery的

var listaComuni = ["Abbiategrasso","Acireale","Acquaviva Delle","Acqui Terme","Adelfia","Adrano","Adria","Adro","Agnosine"]; 

$('#txtComune').autocomplete({ 
    source: listaComuni,   
    appendTo: "#myOwnMenuComuni" 
});​ 

尽量选择输入,插入 “A”,并选择最后一个项目: 是不可能的。为什么?我该如何解决这个问题?

回答

0

修正了display:block

谢谢你的好意删除float:left

1

如果我取消 “CSS正常化”,并链接到jQuery UI的CSS然后正常工作: jsFiddle

+0

是的,好吧,但我需要设计我自己的自动完成菜单!又怎样? – markzzz 2012-02-22 15:54:38