Fancybox with Facebook標記 - 不加載

Question

爲什麼我嘗試加載fancybox，內容未加載。這個問題只發生在我使用Facebook標記時。

我也嘗試使用colorbox並得到相同的結果。我有什麼遺漏？

我有以下幾點：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#shareWithFriends").fancybox({ 
      'titlePosition': 'inside', 
      'transitionIn': 'none', 
      'transitionOut': 'none' 
     }); 
    }); 
</script> 

<a class="inline" id="shareWithFriends" href="#inline1">Share with your friends</a> 

<div style="display: none;"> 
      <div id="inline1" style="width:500px;height:550px;"> 
       <fb:serverfbml width="615"> 
        <script type="text/fbml"> 
         <fb:request-form action="..." 
              method="POST" 
              invite="true" 
              type="..." 
              content=...<fb:req-choice url='...' label='....' /> 
          <fb:multi-friend-selector showborder="false" 
                bypass="cancel" 
                cols=4 
                rows=1 
                actiontext="..."/> 
         </fb:request-form> 
        </script> 
       </fb:serverfbml> 
      </div> 
     </div> 

Answer 1

我找到一個示例代碼爲<fb:serverFbml>：

<fb:serverFbml style="width: 755px;"> 
    <script type="text/fbml"> 
     <fb:fbml> 
      <fb:request-form 
       action="<URL for post invite action, see fb:request-form docs for details>" 
       method="POST" 
       invite="true" 
       type="XFBML" 
       content="This is a test invitation from XFBML test app 
       <fb:req-choice url="see fb:req-choice docs for details." 
        label="Ignore the Facebook test app!" /> 
      "> 
      </fb:request-form> 
       <fb:multi-friend-selector 
        showborder="false" 
        actiontext="Invite your friends to use Facebook." /> 
     </fb:fbml> 
    </script> 
</fb:serverFbml> 

但也有你的，被Facebook樣本之間的一些差異。

• 在樣本代碼，<fb:request-form>標籤關閉之前<fb:multi-friend-selector>開始。
• 的<fb:request-form>
  此致的content屬性：content=...<fb:req-choice url='...' label='....' />
  應該是什麼："content=...<fb:req-choice url='...' label='....' />"（用方括號）
• 你的代碼，可是沒有一個<fb:fbml> tag.and我想，這是一個必須固定運行的主要問題代碼。

Answer 2

嘗試在遠程頁面中創建fb標記，並在Fancybox中使用iframe功能或ajax功能加載它。