小编Iva*_*van的帖子

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;
});
Run Code Online (Sandbox Code Playgroud)

不幸的是,对话框总是在 Fancybox 窗口后面打开。我尝试将z-index设置更改为.ui-dialog选择器,但没有运气。我对'firma_picker' DIV 做了同样的事情。

在我看来,Dialog DIV 代码总是附加到正文中。所以我尝试了 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 …
Run Code Online (Sandbox Code Playgroud)

css jquery dialog jquery-ui fancybox

3
推荐指数
1
解决办法
3208
查看次数

标签 统计

css ×1

dialog ×1

fancybox ×1

jquery ×1

jquery-ui ×1