如何將Django文本字段傳遞給html屬性並使用javascript讀取

Question

我想將圖像從django模板的標題文本傳遞給javascript。 這是HTML代碼的相關部分：

<ul id="portfolio"> 
    {% for picture in gallery_selected.photo_set.all %} 
    <li><img src={{ picture.path }} alt={{ picture.caption }}></li> 
    {% endfor %} 
</ul> 

現在我想讀在JavaScript中圖像的「ALT」標籤，以創造一個奇特的標題：

$("#portfolio img").click(function() { 
var src = $(this).attr("src"); 
window.alt = $(this).attr("alt"); 
    alert(window.alt); 
    }); 

我做沒有創建標題，我只是想測試標題文本是否傳遞（使用警報功能）。 但是，警報僅顯示我的標題文本的第一個單詞。只要字符串中出現空格，其他所有內容都會被忽略。

有誰知道我怎麼能解決這個問題？

Answer 1

你只需要用引號包裹它。爲了安全，您應該使用HTML屬性來完成此操作。

<img src="{{ picture.path }}" alt="{{ picture.caption }}">