如何检测Facebook插件何时加载

时间:2015-08-11 09:25:49

标签: javascript jquery facebook

我创建了一个显示Facebook页面插件的模式,模态工作正常,但显示白色窗口几秒钟,直到加载Facebook插件。

有没有办法检测Facebook插件何时加载显示模态?

<!-- FB CODE -->
<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 = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.4&appId=1380256915546834";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- FB CODE END -->

<div id="form_fields_container"> 
<div class="fb-page" data-href="https://www.facebook.com/myfanpage" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"></div>  

<script>
    var dom = {};
    dom.query = jQuery.noConflict( true );
      function openColorBox(){
        dom.query.colorbox({
            iframe:false, 
            width:"400", 
            height:"250", 
            inline: true,
            href: "#form_fields_container",
            onLoad: function() {
                dom.query('#form_fields_container').show();
              },
            onClosed: function() {
                dom.query('#form_fields_container').fadeOut();
              },
            });
      }

      dom.query("#form_fields_container").ready(function(){  
        openColorBox();
      });

    </script>

0 个答案:

没有答案