0

ユーザーが Facebook にログインするときに、モーダルおよび表示ボックスの先頭に gif ローダーを追加する次の関数があります。

function loadFacebookconnect() {
    $("#modalwait").prepend(
        "<div class='modal-backdrop id='modal-backdropid'></div>\
         <div class='modal hide fade in' id='myModal' style='display: block; '>\
             <div class='modal-body'>\
                 <p style='font-size: 28px; padding: 30px;text-align: center;'>\
                      <img style='padding-right:8px; vertical-align: text-bottom;'\
                           src='imgurl.gif'>\
                      Loading...\
                 </p>\
             </div>\
         </div>");
}

ユーザーが Facebook で認証されたときに述べたように、この関数を呼び出します。

FB.Event.subscribe('auth.login', function(response) {
    loadFacebookconnect();
    window.location.reload();
});

私の単純な問題は、FB で認証するときに画像が読み込まれないことです。モーダルが表示され、テキストは表示されますが、画像は表示されません。以下に示すように定期的に呼び出すと、完全に機能し、画像が表示されるため、画像または CSS に問題がないことはわかっています。

<button onclick="loadFacebookconnect()">Try it</button>

この問題は些細なことに思えるかもしれませんが、最初のグラフ呼び出しには数秒かかる傾向があるため、画像ローダーは非常に重要です。このようなSOの質問もいくつか見ましたが、解決策が見つかりませんでした。

4

1 に答える 1

0

これを試して

$("#modalwait").prepend('<div class="modal-backdrop" id="modal-backdropid"></div><div class="modal hide fade in" id="myModal" style="display: block; "><div class="modal-body"><p style="font-size: 28px;padding: 30px;text-align: center;"><img style="padding-right:8px;vertical-align: text-bottom;" src="imgurl.gif"/>Loading...</p></div></div>');}
于 2012-07-27T17:59:07.667 に答える