元素未在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';