圖片沒有顯示在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

回答

相關問題