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;
 }

表示されますが、私が見た問題は、それが常に表示され、ユーザーがログインしている場合は非表示にする必要があることでした。基本的に、ボタンを表示し、ログインしている場合は非表示にするコードがあります...

さらに詳しく見たい場合は、次のページへのリンクがあります。

Safari と Chrome では、Facebook ボタンが右側のサイドバーに表示されますが、他のブラウザーでは表示されません。

誰かがこれの問題を解決するのを手伝ってくれますか? ありがとう。

score 1 · Accepted Answer

.show()高さが定義されていない要素でjQuery を使用しようとすると、奇妙な問題が発生します。修正は、高さを明示的または動的に設定することです。

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

score 0 · Accepted 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");
});

score -1 · Accepted Answer

私はこれがうまくいくと信じています：

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

3 に答える 3