如何使整個 div 可點擊並將動態 url 放入 Django 模板中？

Question

我正在嘗試顯示一個帖子（就像 Twitter 中的一條推文），當我顯示它時，我希望整個 div 都可以點擊。 所以這有效。 網站正在按照我想要的方式使用此代碼；

<div onclick='location.href="{% url 'post' post.id %}";' style="cursor: pointer;"> 
  <a href="#"> some other links </a> // it will take user to another page
  <img src= "" > //some image
  <p> some content </p>
  <a href="#"> some other links </a>
</div>

但它在終端（VScode）中給了我一些警告，每個錯誤都顯示相同的東西（div onclick 行）但奇怪地給出了不同的錯誤。 而且我在這部分代碼中沒有使用 javascript。

我嘗試了不同的語法，例如將“”更改為“”。 但這並不能解決問題。

同樣在代碼中，它顯示了紅色的線，如下所示，如果它有助於找出問題所在。

任何意見，將不勝感激。 提前致謝。

Answer 1

您的代碼絕對正確，請忽略 VScode 的警告和紅色下划線。 有紅色下划線是因為默認情況下語言模式是 HTML 因此有時使用''和""會顯示錯誤但根據Django Templating Engine

如果出於任何原因onclick='location.href="{% url 'post' post.id %}";' 不工作使用這個onclick='location.href="post/{{post.id}}";'

Answer 2

在你的“div”標簽之前，放一個“a”標簽並給它url。你不需要多次重復url。

例子：