javascript - 元素未在 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 the button 和 .hide if logged in ...

如果您想进一步了解，这里有一个页面链接:

http://gullypost.com/entertainment/tim-westwood-kendrick-lamar-interview/

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

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

Answer 1

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

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