Question

我想检测facebook like按钮何时加载了jquery，然后fadeIn按钮。我试过的是：

$(document).ready(function() {
    $(document).on( "load", ".fb-like iframe", function() {
        condole.log("loaded");
    });

    $(".fb-like iframe").ready(function (){
        console.log("ready");
    });
});

'ready'正确运行，但'loaded'不希望在控制台中显示。（'ready'对于fadeIn来说太早了，必须在所有内容加载后完成。）

Answer 1

您可以尝试：

window.fbAsyncInit = function() {
  FB.init({
    ...
    xfbml : true
  });

  FB.Event.subscribe('xfbml.render', function(response) {
      alert('OMG... All Facebook sociaal plugins on page rendereed.... finally!');
  });
};

或者使用＆＃34; iframeTracker jQuery插件＆＃34;

Answer 2

如何将FB iframe包装在div设置为display：none;

中

div { display:none }

然后在iframe加载后淡出div。

$("div").fadeIn(1000);

检测facebook就像满载一样

2 个答案: