2010-10-01 1 views
2

Почему я пытаюсь загрузить fancybox, содержимое не загружается. Проблема возникает только при использовании разметки facebook.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> 
+0

См. Ваш отладчик javascript для информации. Firebug с Firefox и Dev Tools с Google Chrome. – Marwelln

+0

Как выглядит эта рендер-версия? –

+0

Когда-нибудь я вижу значок загрузки Facebook API. Else, я вижу белую страницу – Melursus

ответ

0

я найти пример код для <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>.
  • content свойства <fb:request-form>
    Ваших: content=...<fb:req-choice url='...' label='....' />
    , что должно быть: "content=...<fb:req-choice url='...' label='....' />" (с кронштейнами)
  • Вашего кодом оленьей кожи имеет <fb:fbml> tag.and я думаю, это главная проблема, которая должна быть установлена ​​для запуска код.
0

Попробуйте сделать свою разметку fb на удаленной странице и загрузите ее с помощью функции iframe или ajax в Fancybox.

+0

Любой пример, как это сделать? – Melursus

+0

Сначала вам нужно вырвать свой код fb на отдельную страницу. Затем по вашей ссылке, которая запускает Fancybox, настройте ее так, как Open fancy facebook. Или вы можете иметь это следующим образом: Open fancy facebook. Я понятия не имею, работает ли это, но вы всегда можете попробовать :-) – knepe