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

我试图打开jQuery对话框 AJAX加载Fancybox窗口。jQuery UI对话框始终打开Fancybox窗口

在内容的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-index设置更改为.ui-dialog选择器，但没有运气。我对'firma_picker'DIV也做了同样的处理。

在我看来，Dialog 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>

我花了几个小时，最近得到这个解决了，但我没有任何更多的线索。有任何想法吗？谢谢。 Ivan

PS：datecicker在Fancybox窗口中运行正常。

来源

2013-02-15 Ivan

的的fancybox容器有这些z-index值：

.fancybox-overlay { 
    z-index : 8010; 
} 

.fancybox-opened { 
    z-index : 8030; 
}

的用户界面对话框的默认z-index（.ui-dialog）是1002

尝试设置一个更高的z-index比的fancybox选择你的用户界面对话框选择（S ），类似于：

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

... 通知即!important是很重要的;）

见JSFIDDLE

来源

2013-02-15 17:59:33 JFK

我觉得我做了所有这些尝试了。但最后它在小提琴上工作，所以它必须工作。让我用我的js/css做更多的培训，我会让你知道。谢谢！ – Ivan 2013-02-16 12:57:34

最后，这是我微不足道的错误:)我只是在错误的级别编辑css。这Z指数的东西做了这份工作，非常感谢！ – Ivan 2013-02-16 17:07:59

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

回答

相关问题