JQuery автозаполнение выпадающих блоков всплывающих окон - PullRequest
Новая
       10

JQuery автозаполнение выпадающих блоков всплывающих окон

0 голосов
/ 03 ноября 2018

У меня есть всплывающее окно div, которое появляется при щелчке правой кнопкой мыши по любому элементу в раскрывающемся списке автозаполнения jQuery.

Проблема в том, что всплывающее окно отображается не полностью, поскольку выпадающее меню автозаполнения - блокирует его.

Я подтвердил, что автозаполнение добавляется к телу, и я попробовал z-index для всплывающих окон до 1 и 2, и он все еще заблокирован.

Есть идеи, чтобы всплывающее окно отображалось перед списком значений автозаполнения?

Я прочитал, что выпадающий список на 1 выше по z-индексу, чем элемент, к которому прикреплен элемент, поэтому, если это body, и у меня нет z-index для body, он будет равен единице. Так что, если мой всплывающий элемент div имеет z-index, равный 2, разве это не должно показывать его впереди? Но это не так. Я также пытался заставить тело иметь z-индекс 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 set) 

    $("#q").autocomplete({

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