“FB未定义”和“init未使用有效版本调用”同等程度

时间:2016-03-24 19:35:44

标签: javascript angularjs facebook facebook-graph-api

如果您从我的blog转到新浏览器以获取博客post,或者如果您只是直接打开下面的链接,它会以相同的方式显示以下错误,看似随机: 1)FB未定义 2)init没有使用有效版本调用

我已经查看了许多链接以解决此问题,包括: FB init function gives wrong version error FB not defined and prompts error FB is not defined Facebook comments load inconsistently with Angular Fullstack

我网站上的测试帖子:https://www.passcash.me/post/Test%20Post%202

这是一个Angular Fullstack项目,代码如下:

的index.html:

</head>
<body>
<div id="fb-root"></div>
  <script>         
        (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 = "https://connect.facebook.net/en_US/sdk.js#version=v2.5&appId=981622408578699&cookie=true&xfbml=true";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));
    </script>

我尝试了许多不同版本的js.src,如上所述 FB init function gives wrong version error 链路

post.html

<script>
  FB.XFBML.parse();
</script>
<div class="fb-share-button" data-href={{webAddress}} data-layout="button_count"></div>
<div class="fb-comments" data-href={{webAddress}} data-width="100%" data-numposts="10"></div>

post.controller.js

if (typeof FB != 'undefined' && FB != null && typeof(FB) != undefined) {
angular.element(document).ready(function() {
           FB.XFBML.parse();
         });
 } else {
         console.log("FB is not defined", FB);
         window.location.reload();
      }

请随时慷慨解囊。如果你提供轻触,我可能会理解。是的,我怀疑我在两个地方都有FB.XFBML,但这是我可以在没有刷新屏幕的情况下获得评论的唯一方法,当你从博客内部发帖但不是在新的标签页或窗口中打开帖子。

0 个答案:

没有答案