如何在iframe外部的父窗口顯示Jquery UI對話框

Question

我似乎無法找到使用父技巧來顯示iframe頂部的jquery ui對話框的正確解決方案。

這是我的實際例子： http://jsfiddle.net/NZ3eH/2/

家長：

一個div加載父頁面

<div> 
    <iframe src="http://labs.**/jquery/dialog.html" width="400" height="300" frameborder="0" scrolling="no" id="iframe"></iframe> 
</div> 

IFRAME

而上的iframe JS on dialog.html

<script> 
    $(function() { 
     $("#create").parent().click(function() { 
      $("#dialog-modal").dialog("open"); 
     }); 

     $("#dialog-modal").dialog({ 
      autoOpen: false, 
      height: 140, 
      modal: true 
     }); 
    }); 
</script> 

所有的JS都在iframe中。

是否可以讓對話框顯示在iframe之上？它似乎鎖定它。

Answer 1

嘗試用下面的代碼

$("#create").click(function() { 
    parent.$("#dialog-modal").dialog("open"); 
}); 

parent.$("#dialog-modal").dialog({ 
    autoOpen: false, 
    height: 140, 
    modal: true 
});