2

これは単純な問題のようで、他の人が投稿していますが、答えはまだわかりません。具体的には、これら2つ（こことここ）のSOの質問を繰り返し行ってきましたが、自分の状況とのつながりがわかりません.

私にとっては、ログイン ボタンを div でラップし、ログイン ステータスに基づいて div の可視性を変更すると考えました。divは実際に可視性を変更しますが、fbログインボタンは表示されたままですか???

ログインボタンをdivでラップするコードは次のとおりです。

....snip....
<div id="fblogin">
    <table align="center" style="text-align:center;">
        <tr>........</tr>
        <tr>
            <td>
                <div id="fb-root"></div>
                    <span id="fb-login">
                        <div
                            class="fb-login-button"
                            onlogin="afterFbLogin()"
                            data-show-faces="false"
                            data-width="200"
                            data-max-rows="1"
                            data-scope="publish_stream">
                        </div>
                    </span>
............snip.............

ここに私のFB.Initとログイン状態のチェックがあります:

window.fbAsyncInit = function () {
    FB.init({
        appId: '352810974851050',        // App ID
        channelUrl: '//www.domain.com/channel.html',
        status: true, // check login status
        cookie: true, // enable cookies 
        xfbml: true // parse page for xfbml or html5 like login button below
    });

    // Put additional init code here
    FB.getLoginStatus(function (response) {

        if (response.status === 'connected') {
            var uid = response.authResponse.userID;
            var accessToken = response.authResponse.accessToken;
            ShowFbLogin(false);
        } else if (response.status === 'not_authorized')
.........snip...................

ShowFbLogin 関数の js コード

        function ShowFbLogin(ShowLogin)
        {
            var div_FBLogin = document.getElementById('fblogin');
            var spn_FBLogin = document.getElementById('fb-login');
            var div_FBShare = document.getElementById('fbshare');

            if (ShowLogin)
            {
                div_FBLogin.style.visibility = 'visible';
                div_FBShare.style.visibility = 'hidden';
            }
            else
            {
                div_FBLogin.style.visibility = 'collapse';
                spn_FBLogin.style.visibility = 'collapse';
                div_FBShare.style.visibility = 'visible';
            }
        }
4

1 に答える 1

5

代わりにdisplay: nonefor#fb-login要素を使用してみてください。visibility: collapseテーブル要素用です。非表示ボタンのように動作する必要があります。つまり、非表示ボタン用のスペースを予約します。visibility: collapseIE8でもまったく機能しません。

于 2013-08-22T15:28:24.317 に答える