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>开始之前已关闭。
content的{{1}}属性你的：<fb:request-form>
应该是什么：content=...<fb:req-choice url='...' label='....' />（带括号）
您的代码没有"content=...<fb:req-choice url='...' label='....' />"标记。我认为，这是运行代码时必须修复的主要问题。

Answer 2

尝试在远程页面中创建fb标记，然后使用Fancybox中的iframe功能或ajax功能加载它。

带有Facebook标记的Fancybox - 无法加载

2 个答案: