带有 Facebook 应用程序的模态对话框仅在 iframe 上显示

Question

我正在尝试在我的iframe Facebook应用中显示jQuery-UI模态对话框，但是它可以禁用Facebook应用程序中的iFrame区域，即它仅对IFRAME，我可以单击IFRAME之外的其他Facebook元素。我想要的是禁用整个页面，然后只是iframe。

使用的jQuery版本为1.5.1，jquery-ui为1.8.10，代码为

html

<div id="dialog-message" title="Download complete">
    <p>
      <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
    Your files have downloaded successfully into the My Downloads folder.
   </p>
   <p>
      Currently using <b>36% of your storage space</b>.
   </p>
</div>

javascript：

<script>
  $(function() {

         $( "#dialog-message" ).dialog({
                 modal: true,
                 buttons: {
                      Ok: function() {
                      $( this ).dialog( "close" );
                 }
              }
          });
  });
</script>

任何帮助表示赞赏， 谢谢，

Answer 1

由于您的应用位于 iFrame 中，因此您无法控制父 iframe，因为它位于单独的域中。如果您的应用程序要求要求您必须将对话框置于所有内容之上，那么我建议您从使用画布应用程序改为构建网站应用程序。很容易做到，我有一些在生产中运行。