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

时间:2011-08-08 13:27:20

标签: jquery facebook jquery-ui jquery-ui-dialog

我想在我的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>

感谢任何帮助, 谢谢,

1 个答案:

答案 0 :(得分:0)

由于您的应用程序位于iFrame中,因此无法控制父iframe,因为它位于单独的域中。我的你的应用程序要求决定你必须把你的对话放在一切,然后我建议你改变使用画布应用程序,并建立一个网站应用程序。很容易做到,我有一些在生产中运行。