jQuery的模板從標籤動態地呈現圖像

在我的模板我有這樣的代碼：jQuery的模板從標籤動態地呈現圖像

<ul> 
    <li>${members_pics['0']}</li> 
    <li>${members_pics['1']}</li> 
</ul>

的members_pics屬性包含此值：不是得到

<img typeof="foaf:Image" src="http://localhost/parce/sites/default/files/styles/profile_picture/public/pictures/picture-1-1316209044.jpg" alt="" />

當該腳本程序，在我的頁面上呈現實際圖像時，它會將上面的值作爲字符串輸出。

我錯過了什麼嗎？

編輯： 這裏是我的jQuery代碼：

searchBut.click(function(){ 
     jQuery.ajax({ 
      type: "POST", 
      url: queryURL, 
      data: "country="+countryInput.val(), 
      success: function(result){ 

      searchResults = JSON.parse(result); 

      console.log(searchResults); 

      jQuery.each(searchResults,function(index){ 
       this.field_city = this.field_city.und["0"].value; 
       [..] 

      }); 

      jQuery('#parceSearchTpl').tmpl(searchResults).appendTo(searchWarper); 
      } 
     }); 
    })

來源

2011-09-17 silkAdmin

您的圖像標記正在被HTML編碼。

你應該改變你的模板是這樣的：

<ul> 
    <li>{{html members_pics['0']}}</li> 
    <li>{{html members_pics['1']}}</li> 
</ul>

將輸出的原始字符串。如果字符串來自不受信任的來源，這可能會讓您的網站容易受到XSS攻擊。

來源

2011-09-17 11:43:21 nikmd23

謝謝你的回答，雖然嘗試它後，我在FB中得到以下錯誤：**缺少）在括號中** – silkAdmin

對不起以前的評論是與你的代碼無關 – silkAdmin

-2

我能想到的兩個解決你的問題（如果我理解正確的話）

做new Image(...)您結果。
在您的瀏覽器中測試來自localhost的圖像不大可能奏效。運行本地服務器進行測試

來源

2011-09-17 11:40:55 beefyhalo

這是多麼的幼稚..低估了我是什麼原因？我很抱歉，但你說什麼沒有使任何東西 – silkAdmin

jQuery的模板從標籤動態地呈現圖像

回答

相關問題