jQuery UI对话框始终在Fancybox窗口后打开

我试图在加载了AJAX的Fancybox窗口中打开jQuery对话框

在Fancybox内容中，我有以下脚本：

$('#firma_picker').load( $('#firma_opener').attr('href') );
$('#firma_picker').dialog({
                autoOpen: false,
                title: 'Výber firmy',
                width: 300,
                height: 400,
                modal: false,
                draggable: false,
                resizable: false
            });



$('#firma_opener').click(function() {
            $('#firma_picker').dialog('open');
            $('#firma_picker').dialog('moveToTop');

            return false;
});

不幸的是，对话框总是在Fancybox窗口后面打开。我尝试将z索引设置更改为.ui对话框选择器，但没有成功。我对firma_picker分区也做了同样的事

在我看来，对话框DIV代码总是附加到body中。所以我尝试了appendTo指令tio将内容附加到Fancybox中的元素，但这根本不起作用，而且Dilog总是附加到正文中

代码应用于此HTML：

<div>
        <label>Firma:</label><input type="text" name="nadpis" style="width: 325px; height: 14px;" placeholder="Kliknite na ikonu vyhľadávania vpravo" />
        <a id="firma_opener" href="<?php echo $this->baseUrl; ?>/admin/reklama/firmasearch"><img src="" alt="ikona vyhľadávania" /></a> <-- tu je ikona
        <div id="firma_picker"></div>
</div>

我最近花了几个小时来解决这个问题，但我没有更多的线索。有什么想法吗？非常感谢。 伊万

---

PS:datepicker在Fancybox窗口中运行正常。

Fancybox容器具有以下z索引值：

UI对话框的默认z索引。UI对话框为1002

尝试为UI对话框选择器设置比fancybox选择器更高的z索引，例如：

.ui-dialog {
  z-index : 9020 !important;
}

。。。注意！重要是重要

---

请参见

fancybox容器具有以下z索引值：

UI对话框的默认z索引。UI对话框为1002

尝试为UI对话框选择器设置比fancybox选择器更高的z索引，例如：

.ui-dialog {
  z-index : 9020 !important;
}

。。。注意！重要是重要

---

看

我想我已经做了所有这些尝试。但最后它在小提琴上起作用了，所以它必须起作用。让我用我的js/css做更多的训练，我会让你知道的。谢谢最后，这是我的一个小错误：我只是在错误的级别上编辑了css。这个Z-index的东西完成了任务，非常感谢！我想我已经试过了。但最后它在小提琴上起作用了，所以它必须起作用。让我用我的js/css做更多的训练，我会让你知道的。谢谢最后，这是我的一个小错误：我只是在错误的级别上编辑了css。这个Z-index的东西完成了任务，非常感谢！