javascript – Facebook Like Box未在Ember app上加载

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Facebook Like Box未在Ember app上加载，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1464字，纯文字阅读大概需要3分钟。

内容图文

我正试图在我们的ember应用程序中使用一个名为about的模板.问题是,如果我从另一条路线(而不是路线)进入ember应用程序,然后导航到带有链接帮助程序的about路径,则不会渲染like框.相反,如果我直接输入/刷新关于路线,它会渲染得很好.即使有人从另一条路线导航到该路线,有关如何渲染它的任何想法？

模板/ about.hbs：

...
<div class = "fb-like-box" data-href = "https://www.facebook.com/app-link" data-width = "250"
                 data-height = "313" data-colorscheme = "light" data-show-faces = "true" data-header = "false"
                 data-stream = "false" data-show-border = "true"></div>
...

意见/ application.js中：

export default Ember.View.extend({

  facebook_app_id: config.APP.facebook_app_id,

  initLibs: function ()
            {
              // initialize Facebook SDK
              var facebook_id = this.facebook_app_id;
              window.fbAsyncInit = function ()
              {
                FB.init({
                  appId:   facebook_id,
                  xfbml:   true,
                  version: 'v2.1'
                });
              };
              (function (d, s, id)
              {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id))
                {
                  return;
                }
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/en_US/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
              }(document, 'script', 'facebook-jssdk'));
            }.on('didInsertElement')
});

解决方法:

默认情况下,Facebook JS SDK在初始化时会“遍历”您的文档,并查找要解析并转换为FB社交插件的元素.但是,如果您稍后只加载并添加这些元素,那当然不起作用.

但是SDK提供了一种方法来为这些元素重新解析文档,FB.XFBML.parse – 所以在将新元素添加到DOM之后调用它. (您可以让它再次查看整个文档,或者传递对特定DOM元素的引用,以便它只评估文档的“子树”,以获得更好的性能.)

内容总结

以上是互联网集市为您收集整理的javascript – Facebook Like Box未在Ember app上加载全部内容，希望文章能够帮你解决javascript – Facebook Like Box未在Ember app上加载所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端