Facebookアプリのモーダルダイアログボックスは、iframeでのみ表示されます

Question

私はiframeのfacebookアプリでjquery-uiモーダルダイアログボックスを表示しようとしていますが、iframeとiのモーダルiframe以外の他のfacebook要素をクリックすることができます。私が代わりにしたいのは、ページ全体を無効にしてからiframeだけを無効にすることです。

使用のjQueryのバージョンは、jqueryの-UIが1.8.10であり、コードは、1.5.1で

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は別のドメインに存在するため、親iframeを制御できます。私はあなたのアプリケーションの要件は、すべての上にあなたのダイアログを配置する必要が指示し、私はあなたがキャンバスアプリを使用して変更し、代わりにWebサイトのアプリを構築することをお勧めします。非常に簡単に、私はそれらのいくつかを生産で実行している。