Javascript FB.XFBML.parse重新加载整个页面，而不是重新加载FB视频的内容_Javascript_Facebook

Javascript FB.XFBML.parse重新加载整个页面，而不是重新加载FB视频的内容

javascript facebook

Javascript FB.XFBML.parse重新加载整个页面，而不是重新加载FB视频的内容,javascript,facebook,Javascript,Facebook,我用`静态加载了两个视频，动态加载了第三个视频 FB.XFBML.parse(document.getElementById("container-id")); 但不是重新加载contaier，而是重新加载整个页面 <body>  <div id="fb-root"></div> <script> </script&

我用`静态加载了两个视频，动态加载了第三个视频

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>


$（文档）.ready（函数（）{
facebook=“”；
/*Facebook视频初始化*/
window.fbAsyninit=函数（）{
FB.init({
appId:“{1367462833276100}”，
xfbml：是的，
版本：“v2.8”
});
facebook=FB；
};
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））{
返回；
}
js=d.createElement；
js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
/*Facebook视频初始化*/
/*五秒钟后动态加载第三个视频*/
setTimeout（函数（）{
var-str=''；
$（“卡蒂视频篮”）。追加（str）；
parse（document.getElementById（“comment_basket”）；
}, 5000);
/*五秒钟后动态加载第三个视频*/
});

但是同样的fb注释代码也可以正常工作，它没有重新加载页面，只加载容器。请注意，我已经阅读了我需要的是在新的div上动态加载fb video，而不是通过修改现有div的数据href
我的坏，它应该是

facebook.XFBML.parse(document.getElementById("cutty-video-basket"));
不是
值得注意的是，按照我的预期，它是动态加载的，无需重新加载

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