iFrame上的jQuery模态对话框

我正在使用jQueryUI对话框进行模式弹出。我的页面中也有一些iFrame。iFrame（z-Index=1500）位于父页面（z-Index=1000）的顶部。我从父页面打开模式对话框。我试图使用$（'modal'）.dialog（'option'，'zIndex'，3000）设置z索引；但这是行不通的。我还尝试了stack:true（将其堆叠在顶部）和.dialog（'moveToTop'），但它们似乎不起作用

代码如下： 父页面：

使用样式表：来自“css/ui/jquery-ui-1.7.2.custom.css” 使用脚本：jquery-1.3.2.min.js&&jquery-ui-1.7.2.custom.min.js

<script type="text/javascript" language="javascript">

  function TestModal() {
    var modal = "<div id='modal'>Hello popup world</div>";
    $(modal).dialog({
      modal: true,
      title: 'Modal Popup',
      zIndex: 12000,  // settin it here works, but I want to set it at runtime instead of setting it at design time
      close: function() {
        setTimeout(TestModal, 5000);
        $(this).remove();
      }
    });

    $('modal').dialog('option', 'zIndex', 11000); // these dont work
    $('modal').dialog('moveToTop'); // these dont work
    $('modal').dialog('option', 'stack', true); // these dont work
  }
    /** Run with defaults **/
  $(document).ready(function() {

    TestModal();

  });

  </script>
<div>
 Hello  World
 <br />

</div>

<iframe src="blocker.htm" width="100%" height="100%" frameborder="0" scrolling="no" name="myInlineFrame" 
style="z-index:10000;background-color:Gray;position:absolute;top:0px;left:0px" ALLOWTRANSPARENCY="false">
</iframe>

函数TestModal（）{
var modal=“Hello popup world”；
$（模式）。对话框({
莫代尔：是的，
标题：“模式弹出窗口”，
zIndex:12000，//在这里设置它是可行的，但我想在运行时设置它，而不是在设计时设置它
关闭：函数（）{
设置超时（TestModal，5000）；
$（this.remove（）；
}
});
$（'modal'）.dialog（'option'，'zIndex'，11000）；//这些不起作用
$（'modal'）.dialog（'moveToTop'）；//这些不起作用
$（'modal'）.dialog（'option'，'stack'，true）；//这些不起作用
}
/**使用默认值运行**/
$（文档）.ready（函数（）{
TestModal（）；
});
你好，世界

iframe:blocker.htm

.wrap{宽度：100%；高度：100%}

我是一个恶棍，我是邪恶的 怎么样

$('#modal').closest('div.ui-dialog').css('z-index', '3000')

jQuery UI Dialog使用类UI Dialog呈现一个DIV，它将成为原始DIV的父级，因此我使用了nestest（）来查找它（如果页面上有更多对话框，则不直接按类引用它）。

您是否尝试过

$（'modal'）。Dialog（'zIndex'，11000）

？

我使用它动态查找最大Z索引，然后在设计时分配它，类似于：

$(modal).dialog({ /* other properties */ , zIndex: $.maxZIndex()+ 1, })

---

我写了一个扩展，将做它是我认为你实际上想要的

---

我尝试了$（'modal'）。dialog（'option'，'zIndex'，11000）；但不是美元（'modal'）。dialog（'zIndex'，11000）；让我试着更新一下：提供的两种解决方案不起作用。我使用动态查找max Z-index，然后在设计时将其赋值为$（modal）.dialog（{/*其他属性*/，zIndex:$.maxZIndex（）+1，}）