Element 没有显示在 FireFox 和 Opera 上，但在 Chrome 和 Safari 上可以正常工作

Element is not displaying on FireFox & Opera, but on Chrome & Safari is working

本文关键字：常工作 工作 Safari 但在 显示 FireFox Element Opera Chrome      更新时间：2023-09-26

我有一个问题，一个元素没有显示在Opera或Firefox上。在Firefox上使用Firebug，我可以看到一个错误，指出我用于初始化代码的函数"未定义"

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

该元素应该由jQuery触发，以显示Facebook用户是否在线，如果不是，它将显示该按钮。但这只适用于Chrome和Safari，我相信IE8（我没有），但有人告诉我它有效。

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

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

现在，如果我要在我的.css文件上更改它：

#fbLogin {
display:none;
}

对此：

#fbLogin {
display:block;
 }

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

如果您想

进一步查看，这里有一个页面的链接：

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

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

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

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

​$(selector).height(function() { return $(this).height() });​​
看起来第二次

加载页面时，您会收到以下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");
});
我相信

这会起作用：

document.getElementById('fbLogin').style.display = 'block';
相关文章：