Question

当您右键单击jQuery自动完成下拉菜单中的任何项目时，会出现一个弹出div。

问题在于弹出窗口无法完全显示，因为项目的自动完成下拉菜单将其阻止。

我已经确认自动完成功能会附加到主体上，并且我尝试将弹出式窗口的z-index设置为1和2，但仍然被阻止。

有什么想法可以使弹出窗口显示在自动完成值列表的前面吗？

我已经读到下拉列表的z-index值比元素所附加的值高1，因此如果body是那个，并且我没有为body设置z-index，那么它将是1。因此，如果我的弹出式div的z-index为2，是否不应该使其出现在前面？但事实并非如此。我还尝试使body的z-index为0，因此下拉列表将为1，但这没有任何作用。我尝试在自动完成功能中设置appendTo，但这也没有将弹出窗口移到最前面，实际上使我的下拉菜单滚动变得混乱，因此只滚动了页面的背景主体，而不滚动下拉菜单。

css弹出窗口：

#popup_bookmarkhover {
display:none;
position:fixed;  
/*height:260px; */ 
width:400px;  
background:#FFFFFF;  
left: 0px;
top: 55px;
z-index:1;
margin-left: 20px; 
padding: 5px 5px;    
border-style: dotted;
border-width: thin; 
font-size: 100%;  
border-radius: 8px;         
}

JS（我没有设置appendTo）

    $("#q").autocomplete({

    minLength: minLengthGlobal,
    delay: 50,
    source: function(request, response) {

jQuery自动完成下拉框阻止弹出div

0 个答案: