如何在单击事件上从iframe打开jquery ui对话框

Question

我正在尝试从iframe打开一个jquery ui对话框。单击该按钮打开对话框时，该对话框将显示在iframe上，如引导模式。

我遇到的问题是，当我单击按钮打开对话框时，它会在对话框中打开另一个文件的整个页面。

myIframeFile.asp：

<iframe id="myiframe" src="myFileToOpenTheDialogBox.asp?a=<%=Request.QueryString("a")%>"></iframe>

myFileToOpenTheDialogBox.asp：

   <button id="btnOptions">Options</button>

    <div id="dialog" title="Options" style="display:none;">
      <form>
        ...
      </form>
    </div>

    <script>

    $(document).ready(function(){
      $("#btnOptions").click(function(){
         $("#myiframe", window.parent.document).dialog({
            width:800,
            resizable: true
         });
      });
    });
</script>