Question

我有以下功能，当我的用户登录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问题such as this one，但找不到解决方案。

Answer 1

试试这个

$("#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>');}

图像没有显示在Jquery Prepend上

1 个答案: