Question

我正在使用 socialite.js 将社交屁股放在我的页面上，社交按钮位于div id =“social”中。 Div最初是隐藏的（显示：无;）。

我在呼叫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

Facebook按钮是否已加载到页面上但只是不可见？就像，也许它溢出了div？

您是否检查过IE和FF中的开发者控制台，看看Chrome中是否发生了任何错误？如果按钮没有在页面上加载，则可能意味着JavaScript在到达呈现FB按钮的代码中的点之前停止。

Answer 2

如果隐藏了容器div，则不会加载Facebook按钮。试试这个：

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

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

jQuery延迟和javascript settimeout将无法使用facebook按钮

2 个答案: