FB.XFBML.parse重新加载，而不是重装

我装两个视频静态的FB-影片的内容和动态使用`FB.XFBML.parse重新加载，而不是重装

FB.XFBML.parse(document.getElementById("container-id"));

但不是重装contaier重新加载整个第三个整个页面页。

<body> 
    <!-- Load Facebook SDK for JavaScript --> 
    <div id="fb-root"></div> 
    <script> 
    </script> 
    <!-- Your embedded video player code --> 
    <div id="video-basket"> 
     <div 
      class="fb-video" 
      data-href="https://www.facebook.com/facebook/videos/10153231379946729/" 
      data-width="500" 
      data-allowfullscreen="true"></div> 
     <div 
      class="fb-video" 
      data-href="https://www.facebook.com/MichaelMcIntyreFans/videos/1418120488209365/" 
      data-width="500" 
      data-allowfullscreen="true"></div> 
    </div> 

    <div id="cutty-video-basket"></div> 

    <script src="jquery.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      facebook = ""; 
      /* Facebook videos initialization */ 
      window.fbAsyncInit = function() { 
       FB.init({ 
        appId: '{1367462833276100}', 
        xfbml: true, 
        version: 'v2.8' 
       }); 
       facebook = FB; 
      }; 
      (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')); 
      /* Facebook videos initialization */ 

      /* Load the third video dynamically after five seconds */ 
      setTimeout(function() { 
       var str = '<div class="fb-video" data-href="https://www.facebook.com/thehumaneleague/videos/1740263742655957/" data-width="500" data-allowfullscreen="true"></div>'; 
       $("#cutty-video-basket").append(str); 
       facebook.XFBML.parse(document.getElementById("comment_basket")); 
      }, 5000); 
      /* Load the third video dynamically after five seconds */ 
     }); 
    </script> 
</body>

但对于FB-意见相同的代码工作正常，并没有重新加载页面只集装箱。请注意，我已阅读some questions but我需要的是动态加载fb-video 上一个新的div不是通过修改现有的数据href。

来源

2017-05-10 Abel

我不好，应该是

facebook.XFBML.parse(document.getElementById("cutty-video-basket"));

不

facebook.XFBML.parse(document.getElementById("comment_basket"));

值得注意的是按我的期望，它动态加载无需重新加载。

来源

2017-05-10 12:27:54 Abel

FB.XFBML.parse重新加载，而不是重装

回答

相关问题