javascript - 在新的 Facebook JavaScript SDK 中显示弹出窗口

Question

我的网站上曾经有一个href。当用户点击它时，会显示一个多 friend 选择器，这样他们就可以邀请他们的 friend 访问我的网站。 这是使用以下代码完成的:

 FB.ensureInit(function() {
        var dialog = new FB.UI.FBMLPopupDialog('XXXXXXX', '');
        var fbml = 'Multi-Friend-Selector FBML'
        dialog.setFBMLContent(fbml);
        dialog.setContentWidth(620);
        dialog.setContentHeight(570);
        dialog.show();
    });

现在，我正在使用新的 JavaScript SDK ( http://connect.facebook.net/en_US/all.js )，但旧方法不存在...
我如何使用新的 SDK 做到这一点？

Answer 1

是的，终于得到了从原来的 964 像素调整大小的烦人框:

为了兼容性(我们希望它会在未来得到修复，或者更好地记录) 我还是说

size:(width:600,height:500),

但后来我将 width 和 height 分解为父对象的属性，所以最后使用:

size:(width:600,height:500),width:600,height:500, ...

现在它也可以使用您选择的 JavaScript 库来调整大小，也就是说，这是一个使用 jQuery 调整大小的示例:

FB.ui({
    method: 'fbml.dialog',
    fbml: (
         '<div style="width:480px;border:1px black solid;">A small JavaScript library that allows you to harness ' +
         'the power of Facebook, bringing the user\'s identity, ' +
         'social graph and distribution power to your site.</div>'
       ),
    size: {width:640,height:480}, width:640, height:480
});
$(".FB_UI_Dialog").css('width', $(window).width()*0.8); // 80% of window width
// I'm also sure you could stack this call if you wanted to