Автозаполнение jQueryUI не работает с диалогом и zIndex
Я столкнулся с интересной проблемой с автозаполнением jQueryUI в диалоговом окне.
Мой диалог 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 из диалогового окна и проверяю, не отображается ли он вокруг области меню.