Я столкнулся с интересной проблемой с автозаполнением jQueryUI в диалоговом окне.jQueryUI autocomplete не работает с диалогом и zIndex
Мой диалог HTML выглядит следующим образом:
<div id="copy_dialog">
<table>
<tbody>
<tr>
<th>Title:</th>
<td><input type="text" class="title" name="title"></td>
</tr>
<tr>
<th>Number:</th>
<td><input type="text" name="number"></td>
</tr>
</tbody>
</table>
</div>
Когда я бегу автозаполнения jQueryUI на выше HTML, он отлично работает.
Когда я открываю его с помощью диалогового
$('#copy').click(function()
{
$('#copy_dialog').dialog({
autoOpen: true,
width: 500,
modal: false,
zIndex: 10000000,
title: 'Duplicate',
buttons: {
'Cancel': function()
{
$(this).dialog('close');
},
'Save': function()
{
$(this).dialog('close');
}
}
});
return false;
});
Тогда в FireBug, я могу видеть автозаполнения до сих пор работает. Он запрашивает и принимает результаты, но я больше не вижу список параметров под полем ввода.
Моя мысль состоит в том, что это связано с тем, что zIndex в диалоговом окне намного больше, чем дает меню автозаполнения, но я не знаю точно. Я все еще изучаю точные детали того, что происходит, но я надеюсь, что у кого-то здесь будет какая-то идея для меня.
Редактировать Я попытался удалить zIndex из диалогового окна, и мой автозапуск начнет отображаться. К сожалению, мне нужно, чтобы значение zIndex преодолело ужасно высокий zIndex строки меню, который я не могу изменить (не имею доступа к этой области кода). Поэтому, если есть способ добавить zIndex к автозаполнению, это будет фантастично; до тех пор, я, вероятно, просто удалю zIndex из диалогового окна и убедитесь, что он не отображается вокруг области меню.
Это сработало отлично! Благодаря! –
Это не работает, когда возвращаемый список длиннее высоты модального диалога, и в этом случае элементы отображаются только вверху диалогового окна, и как только они пройдут его нижнюю часть, все они скрыты. – salonMonsters
работает как шарм! Спасибо большое! – frabiacca