我正在尝试在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)