javascript - 无法让 Facebook 多 friend 选择器在 Facebox 中工作

Question

我正在尝试放置 Facebook multi-friend-selector在Facebox (不想使用 fb:dialog，因为它会弹出一个新窗口)。我遇到的问题可能源于在 javascript 中转义引号，但我一直在用头撞墙试图弄清楚。

有更好的方法吗？

$('#test_button').click(function(){
$.facebox(
    "<div id='box'>" +  
        "<fb:serverfbml width='615'>" +
          "<script type='text/fbml'>" +
            "<fb:request-form action='http://example.com/'" +
                "method='POST'" +
                "invite='true'" +
                "type='Example'" + 
                "content=""Echo Content. <fb:req-choice url=""http://example.com/""     label=""Example Label"" />"">" +
            "<fb:multi-friend-selector showborder='false'" +
                "bypass='cancel'" +
                "cols=4" +
                    "actiontext='Invite Friends To Example'/>" +
            "</fb:request-form>" +
          "</script>" +
        "</fb:serverfbml>" +            
    "</div>"
);
});

注意:出于本文的目的，我替换了所有 example.com 内容。从 Facebox 字符串中取出时，多 friend 选择器代码可以正常工作。

在此先感谢您的帮助。

Answer 1

<fb:serverfbml>标签必须从一开始就出现在页面上，您不能动态添加它。它里面的一切都可以是动态的。

所以赋值<fb:serverfbml>一些 id，然后在需要时将你的 fbml 加载到其中。

在页面上:

<div id='box'>
    <fb:serverfbml width='615' id='invite_box'></fb:serverfbml>
</div>

脚本:

$('#test_button').click(function(){
    $("#invite_box").html(
          "<script type='text/fbml'>" +
            "<fb:request-form action='http://example.com/'" +
                "method='POST'" +
                "invite='true'" +
                "type='Example'" + 
                "content=""Echo Content. <fb:req-choice url=""http://example.com/""     label=""Example Label"" />"">" +
            "<fb:multi-friend-selector showborder='false'" +
                "bypass='cancel'" +
                "cols=4" +
                    "actiontext='Invite Friends To Example'/>" +
            "</fb:request-form>" +
          "</script>"
    );

});

更新 2

尝试在 fb init 中禁用自动 fbml 解析:

FB.init({xfbml: false});

然后加载后手动解析fbml:

$('#test_button').click(function(){
    $("#invite_box").html(...);
    FB.XFBML.parse($("#box")[0]);
});

如果这不起作用，请尝试删除 <script type='text/fbml'></script>来自您的 fbml 的包装器(我的代码中没有它，没有它也能正常工作)。