javascript - jQuery 延迟和 javascript settimeout 不适用于 Facebook 按钮

Question

我正在使用 socialite.js 将社交按钮放在我的页面上，社交按钮位于 div id="social"内。 Div 最初是隐藏的(display: none;)。

我正在调用 Socialite.load($('#social'));接下来想要在延迟一段时间后显示这个 div，

我尝试过:

$('#social').delay(4000).fadeIn(400);

和:

timeoutID = setTimeout(function(){ $('#social').fadeIn(400)}, 3000);

无论我想使用哪种方法，IE和FF仅显示g+和twitter按钮，但缺少FB按钮，Chrome显示所有三个按钮。

除非没有超时:

$('#social').fadeIn(400);

这在每个浏览器中都适用。

请问有什么想法吗？

Answer 1

如果容器 div 隐藏，Facebook 按钮将不会加载。试试这个:

将不透明度设置为0.0，加载fb按钮后，将其更改为1.0，然后隐藏div。现在您可以随时显示或隐藏它。

timeoutID = setTimeout(function(){
    $('#social').css("display", "none");
    $('#social').css("opacity", "1.0");
    $('#social').fadeIn(500)
}, 3000);