如何关闭使用 FB.ui() 打开的 facebook SDK 对话框?

2024-02-09

我成功显示了邀请好友对话框(代码如下所示)。当用户单击“跳过”时,iframe/对话框会显示一个新页面。但是从现在起我找不到关闭 iframe/dialog 的方法。 FB.ui 不返回任何对象,似乎没有 Javascript SDK 方法,并且使用 DOM 进行遍历和操作对于任何 FB 代码更改都很脆弱。

有任何想法吗?

function popupInviteForm(actionUrl) {
    var fbmlString = '<fb:fbml>' +
              '   <fb:request-form type="POST" content="Play against me in game?" action="' + actionUrl + '" method="post" >' +
              '       <fb:multi-friend-selector target="_self" exclude_ids="" max="20" cols="4" rows="3" showborder="false" actiontext="Invite friends!" />' +
              '   </fb:request-form>' +
              '</fb:fbml>';

    FB.ui({
        method: 'fbml.dialog',
        fbml: fbmlString,
        display: 'dialog',
        size: {width:640,height:480}, width:640, height:480
    });

    $(".FB_UI_Dialog").css('width', $(window).width()*0.8);
}

(注:我已经在脸书论坛 http://forum.developers.facebook.net/viewtopic.php?id=86097没有回应。如果其中一个有答案,我将更新两者。)

Javascript 代码改编自堆栈溢出answer https://stackoverflow.com/questions/1781973/facebook-connect-displaying-invite-friends-dialog-and-closing-on-completion/3809066#3809066.


我也有同样的麻烦。第二天寻找解决方案。刚刚找到一种方法: 要关闭活动 FB 对话框,您应该在 FB JS 可用且调用 FB.ui 的父窗口中执行以下代码:

FB.Dialog.remove(FB.Dialog._active);

因此,如果您希望邀请对话框自动关闭并且不重定向到任何其他页面,请使用以下步骤:

1) 将 和 的目标属性设置为“_self”:

目标=“_self”

2) 在您的网站上创建一些回调网址/页面,例如https://mysite/close_dialog.html

3) 设置刚刚创建的 url 的操作属性:

动作=“http://mysite/close_dialog.html”

4)在 close_dialog.html 中添加以下 JS:

    <script type="text/javascript">
        if (document.location.protocol == 'https:') {
            document.location = 'http://mysite/close_dialog.html';
        } else {
            top.window.FB.Dialog.remove(top.window.FB.Dialog._active);
        };
    </script>

UPDATE:

5)这样还有一个问题: FB iframe 通过 https 加载,但如果请求表单“action”attr 使用“http” - 用户将收到浏览器警告。但是,如果请求表单“action”具有“https” - iframe js 无法访问“http”加载的父级。 所以,这就是为什么你应该使用“https”操作的原因

希望这可以帮助

如果您有更好的解决方案或者可以改进这种方式 - 请让所有人知道这一点, 感谢您的任何评论

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何关闭使用 FB.ui() 打开的 facebook SDK 对话框? 的相关文章

随机推荐

  • 在 C++11 中实现复制和交换习惯用法的更好方法

    我看到很多代码在复制和交换方面实现了五规则 但我认为我们可以使用移动函数来替换交换函数 如下代码所示 include
  • 具有共享依赖项的嵌套ExternalProject_Add

    我正在尝试申请ExternalProject Add自动安装中型 C 项目的依赖项 事情进展顺利 直到我不得不安装一个使用的库ExternalProject Add安装它的依赖项之一 我自己的项目也恰好使用了它 如果我可以避免重建这个库 而
  • bash 多个命令行参数相互依赖

    我有一个脚本 其中接受以下参数 脚本 dph peh 第一个参数告诉脚本我是否需要使用生产脚本或开发脚本来执行它 第二个参数告诉脚本生成的报告的输出是否应作为电子邮件发送或应重定向到 html 页面 当我使用 getopts 时 我得到一个
  • 使用php将上传的excel文件转换为csv

    我正在尝试使用 php 创建一个网页 该网页使用浏览按钮上传 excel 文件并将其导入到 mysql 数据库中 我可以上传 csv 文件并将其导入数据库 html代码
  • 具有 MVC 4 或 5 的 MEF - 可插拔架构 (2014)

    我正在尝试使用 Orchard CMS 等可插入架构构建 MVC4 MVC5 应用程序 所以我有一个 MVC 应用程序 它将作为启动项目并负责身份验证 导航等 然后将有多个模块单独构建为 asp net 类库或剥离的 mvc 项目并具有控制
  • 字符串中包含的方法的调用名称

    如何根据 Groovy 中字符串的值调用方法 例如代替 switch val case one Obj one break case two Obj two break 我想做类似的事情obj val where val包含 one or
  • 如何列出 Android 10 上的所有 pdf 文件?

    由于更改与访问共享存储的授权相关 因此似乎不再可能通过这种方法搜索 pdf 类型的所有文档 使用 requestLegacyExternalStorage false ContentResolver cr context getConten
  • 用 boost 精神解析布尔表达式

    我正在尝试使用 boostspirit 编写布尔表达式的解析器 我在 stackoverflow com 上找到了一个很好的例子 C 中的布尔表达式 语法 解析器 https stackoverflow com questions 8706
  • 如何制作累积序列?

    假设我有一个如下所示的惰性序列 def s iterate inc 1 take 10 s gt 1 2 3 4 5 6 7 8 9 10 现在 我想生成一个累积和的序列s像下面这样 gt 1 3 6 10 15 我怎样才能做到这一点 我尝
  • 如何使用 Promise 递归地读取目录树

    我正在尝试编写一个函数 该函数可以完成与使用带有承诺模式的回调模式编写的以下内容相同的功能 function readdirRecursive path handler callback var errs tree fs readdir p
  • 如何在 Windows 上启用 Docker Remote API

    我正在尝试在 Windows 10 主机上使用 Docker Remote API 我正在使用 Chrome 的 Postman 扩展来查看是否可以从 docker 远程 api 的端点获取结果 以下是我尝试过的端点 GET http 19
  • gridview的锁定滚动

    I have one gridview in my UI but it scrolls vertically I have set all the scrollbar properties as false but its still sc
  • FlatList scrollToIndex 使用 useRef 和 Typescript - 类型错误

    我正在使用 FlatList 我想创建一个引用 以便在按下一个按钮时能够滚动 FlatList 问题是我正在使用 Typescript 并且遇到一种我无法解决的类型错误 问题是 如何为 FlatList 引用创建接口 这里有一个我正在做的事
  • 在 Visual C++ 6.0 中查找源文件的预设位置

    由于我们的一些代码是遗留的 我们仍在使用 Microsoft Visual 6 0 SP6 当我第一次附加到正在运行的进程来调试它时 它不知道我闯入该进程时源文件所在的位置 因此 它要求我在给定源文件名的情况下导航到源树中的适当目录 它记住
  • 未指定输入文件 - apache 和 php-fastcgi

    我客户的网站当前运行在带有 mod php 的 apache 服务器上 所有应用程序的路由都在 htaccess 文件中定义 请参阅下面的代码 现在他正尝试迁移到运行 apache 和 php fastcgi 的服务器 但路由不再有效
  • 从 XML 到 XML 文档的 XSLT 转换

    我需要帮助才能获得正确的 XSL 转换 我希望按原样复制源 XML 并对目标 XML 文件进行所需的更新 现在我正在尝试两件事 第一是将源复制到目标 XML 第二是更新根元素的命名空间 URL 和版本属性 请找到下面的代码 让我知道出了什么
  • 如何在 Python 中使用 OpenCV 泛化轮廓手写字符?

    我尝试从图像中检测并裁剪手写字符 某些字符可以被识别并包含在矩形中 但对于其他字符 相同的参数不起作用 我怎样才能概括它 原始图像 https i stack imgur com nvCXT png import cv2 import nu
  • 如何将测试输出设置为控制台而不是 gradle 中的 html for specs2

    我使用 specs2 scala 进行单元测试并使用 gradle 进行构建 默认情况下 单元测试输出到 html 文件 我想让输出直接输出到标准输出 就像 sbt 一样 有谁知道魔法咒语吗 谢谢 翅膀 您可以使用 test makes t
  • 使用 mod_rewrite 在 PHP 中重写 URL

    Web 服务器是 Apache 我想重写 URL 这样用户就不会知道实际的目录 例如 原网址 http www example com en piecework piecework php piecework id 11 预期网址 http
  • 如何关闭使用 FB.ui() 打开的 facebook SDK 对话框?

    我成功显示了邀请好友对话框 代码如下所示 当用户单击 跳过 时 iframe 对话框会显示一个新页面 但是从现在起我找不到关闭 iframe dialog 的方法 FB ui 不返回任何对象 似乎没有 Javascript SDK 方法 并