图片没有显示在jquery上prepend

我有以下的功能，当我的用户登录到Facebook时，用gif加载程序预装了一个模式和显示框。图片没有显示在jquery上prepend

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，但找不到解决方案。

来源

2012-07-27 user1011713

该标记是不正确，'类='模式，backdrop'显然缺少一个单引号。我不能确定，但我认为''location.reload（）'可能会暂停页面加载 – Alexander 2012-07-27 17:57:49

哦，对不起，如果我不清楚。页面重新加载，一切正常，甚至模式和加载文本显示。只是在启动fb.event.subscribe时图像不会显示。当我点击按钮loadfacebookconnect时，图像显示正确。 – user1011713 2012-07-27 17:59:51

img的src属性... 检查它是否是正确的路径。 – AdityaParab 2012-07-27 18:02:07

试试这个

$("#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-27 17:59:07 AdityaParab

刚刚尝试过，不幸的是，运行FB函数时图像仍然不显示。按钮点击路线虽然像以前一样显示图像。 – user1011713 2012-07-27 18:02:48

您的代码现在以蓝色显示图像。不知道为什么它不会工作，但它现在工作。 – user1011713 2012-07-27 18:38:02

哈哈！我想我有超能力。大声笑......无论如何，总是使用双引号将值分配给html属性。你使用单引号，我想这就是问题出在那里的原因。 – AdityaParab 2012-07-27 18:59:22

回答

相关问题