如何逃跑＃符號

Question

我想使用的圖標SVG精靈中的網站，像這樣的Django停止：因爲＃得到由Django和逃脫

<svg aria-hidden="true" class="icon"> 
    <use xlink:href="{% static 'images/site-icons.svg#icon-twitter' %}"></use> 
</svg> 

但是這不工作所以我最終得到：

<svg aria-hidden="true" class="icon"> 
    <use xlink:href="/static/images/site-icons.svg%23icon-twitter"></use> 
</svg> 

所以沒有圖標呈現。 我已經分離的問題是轉義，因爲它的工作原理，如果我粘貼在模板的site-icons.svg內容，並做

<svg aria-hidden="true" class="icon"> 
    <use xlink:href="#icon-twitter"></use> 
</svg> 

所以這個問題是在避開。

有誰知道如何避免這種情況發生？

Answer 1

您需要的靜態標籤後移動ID

{% static 'images/site-icons.svg#icon-twitter' %} 

應該

{% static 'images/site-icons.svg' %}#icon-twitter 

這背後的原因是，靜態標籤的工作是找到一個靜態文件的路徑，所以它需要的是文件的位置，任何額外的需要添加後，以便當模板呈現時，它顯示爲一個單獨的（連接？）鏈接