显示新的Facebook JavaScript SDK中的弹出窗口 [英] Showing popup in the new Facebook JavaScript SDK

问题描述

我曾经在我的网站上有一个 href 当用户点击它时，一个多方选择器显示，所以他们可以邀请他们的朋友到我的网站。
这是使用以下代码完成的：

I used to have an href in my website. When users clicked on it, a multi-friend selector showed so they could invite their friends to my website. That was done using the following code:

 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 ），但旧的方法不存在... < br>
如何使用新的SDK？

Now, I'm using the new JavaScript SDK (http://connect.facebook.net/en_US/all.js), but the old methods are not present...
How can I do it with the new SDK?

推荐答案

是的，终于有了令人烦恼的框来调整大小从原来的964像素：

Yes, finally got the irritating box to resize from the original 964 pixels:

为了兼容性（让我们希望将来会得到修正或记录更好）
我仍​​然说

For compatibility (let's hope it will get fixed in the future, or documented better) I still say

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

但是，我将宽度和高度作为父对象的属性分解，所以最终使用：

but then I break out width and height as properties of parent object, so in the end use:

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

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

And now it's also resizable with the JavaScript library of your choice, that is, here's a sample with jQuery resizing:

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

这篇关于显示新的Facebook JavaScript SDK中的弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！