我创建了一个显示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>