從AJAX追加img

我正在嘗試append<img>到使用Ajax的div（因爲我需要從數據庫中獲取圖像的名稱）。從AJAX追加img

我已經獲得div上的<img>標記，還可以將src屬性獲取到正確的圖像。但我仍然沒有看到圖像。我只看到一個尺寸爲0 x 0的<img>標籤。嘗試放大，仍然看不到任何東西..

我嘗試打開圖像通過內部產生src屬性的鏈接，我可以看到我想追加的圖像.. 爲什麼發生這種情況？

這是我的代碼

觸發到包含AJAX

<div class="HotelListDescriptionContent" onclick='showDetailRoom("<?php echo $arrayroomssearch[$arrk]['room_code']?>")'>

功能使用Ajax功能

function showDetailRoom(roomid) 
{ 
    if(j("#detailroom"+roomid).is(":visible")) 
     j("#detailroom"+roomid).hide(); 
    else 
    { 
     j.post("inc/querys/roomdetail.php", 
     { 
      roomid : roomid, 
     }, 
     function(data){ 
      // console.log(data); 
      j("#detailroom"+roomid).html(""); 
      // j("#detailroom"+roomid).append($("<option></option>").append("Select your state...")); 
      if(data == "empty") 
      { 
       j("#detailroom"+roomid).append($("<option></option>").append("State Not Found...")); 
      } 
      else 
      { 
       j(data.photo).each(function(i,item){ 
        // console.log(item); 
        j("#detailroom"+roomid).html("<img scr='<?php echo SITE_URL;?>upload_photos/images/"+item+"'/>"); 
       }) 
      } 
      j("#detailroom"+roomid).show(); 
     }, 
     "json"); 
    } 
}

事業部的目標

<div id="detailroom<?php echo $arrayroomssearch[$arrk]['room_code'];?>" style="display:none;">

事業部的目標（通過檢查元素）

<div id="detailroom20" style=""><img scr="http://localhost/bookingbeol/bk-admin/upload_photos/images/kamar3-1476346812.jpg"></div>

事業部的目標不顯示圖像

來源

2016-10-19 M Argus Chopin Gyver

chrome開發工具中的網絡面板是否顯示嘗試獲取圖像？你有任何控制檯錯誤？ –

@anied在網絡面板中，不會嘗試獲取圖像。在控制檯中沒有錯誤.. –

順便說一句，關於一個很好形成的問題的榮譽 - 這個問題已被清楚地解釋，並提供了大量有用的上下文。 –

得到它 - 你輸錯了 - 應該是src不scr。容易犯的錯誤 - 在掃描或查看代碼時很難看到或注意到。

來源

2016-10-19 04:49:39

該死的，謝謝你檢查我的代碼..我仍然對自己笑，因爲打錯了，並要求這個論壇大聲笑。無論如何，謝謝你幫我找到錯誤輸入的代碼：D –

沒問題 - 再次感謝這樣一個很好形成的問題 - 它應該顯示給所有新用戶。沒有任何汗水 - 大多數開發者偶爾會在一個簡單的錯誤時刻耗盡一大堆時間 - 很高興幫助！ –

回答

相關問題