元素未在FireFox和Opera上显示，但在Chrome和Safari上正在运行

Question

我在Opera或Firefox上未显示元素的问题。 在Firefox上使用Firebug时，我看到一个错误，提示我用来初始化代码'的函数未定义 '

现在是这样，当我清空Firefox浏览器上的缓存时，我可以看到包含“ facebook按钮”的元素，并且错误消失了，但是一旦刷新浏览器，我就看不到我的元素并返回错误再次。 我必须清空缓存才能再次看到该按钮。

该元素应该由jQuery触发，以显示Facebook用户是否在线，否则，它将显示该按钮。 但这仅在Chrome＆Safari上有效，我相信在IE8上（我没有），但有人告诉我它有效。

这是显示我的Javascript文件中的元素的代码：

jQuery('#fbLogin').show();

现在，如果要在.css文件上更改此设置：

#fbLogin {
display:none;
}

对此：

#fbLogin {
display:block;
 }

它会显示，但是我看到的问题是它一直显示，如果用户登录，则需要隐藏它。我基本上有一个代码，显示.show按钮，如果登录则显示.hide ...

如果您想进一步了解以下信息，请访问以下页面链接：

在Safari和Chrome上，您会注意到Facebook按钮显示在右侧栏上，但在其他浏览器上不可见。

有人可以帮我解决这个问题吗？ 谢谢。

Answer 1

尝试在没有定义高度的元素上使用.show()时，使用jQuery时出现一个奇怪的问题。 解决方法是显式或动态设置高度。

$(selector).height(function() { return $(this).height() });

Answer 2

好像是第二次加载页面时，您遇到以下JavaScript错误：

fb_og_actions_init_vid is not defined

包含该功能的文件已正确添加到页面中。 我唯一的猜测是尝试将引用移至该函数：

fb_og_actions_init_vid("Connected to Facebook", "108821");

到document.ready函数中：

$(document).ready(function(){
    fb_og_actions_init_vid("Connected to Facebook", "108821");
});

Answer 3

我相信这会起作用：

document.getElementById('fbLogin').style.display = 'block';