Django 링크가 for 루프에서 작동하지 않습니다.

Question

html 테이블 내에 테이블 데이터 조각 주위에 링크를 넣으려고합니다. Chrome의 요소 뷰어에서 다음 결과를 볼 수 있습니다.

<a href="/tasks/1/"></a> 
<a href="/tasks/2/"></a> 
<a href="/tasks/3/"></a> 
<a href="/tasks/4/"></a> 
<table> 
... 

이것에 대해 흥미로운 부분은 제가 페이지 소스보기에서 볼 때 ... 올바르게 왜 크롬 것 내가 좋은 이유 생각할 수없는

<input type="hidden" name="id" value="3"/> 
<a href="/tasks/3/"> 
<td class="tableText">Make a web app</td> 
</a> 

감싸 나오는 것입니다 이것을 두 가지 다른 방식으로 표현하십시오. 내 장고 템플릿 내에서 잘못했을 수도있는 무언가가 있습니까?

8 <h1 id="title">Joe's Basic Task List</h1> 
    9 <table id="taskTable"> 
10 {% for t in taskList %} 
11  <tr> 
12  {%if t.completed == 1%} 
13   <td><div class="btn active"><i class="fa fa-check"></i></div></t d> 
14  {%else%} 
15   <td><div class="btn"><i class="fa fa-check"></i></div></td> 
16  {%endif%} 
17   <input type="hidden" name="id" value="{{t.id}}"/> 
18   <a href="{% url 'tasks:detail' t.id%}"> 
19    <td class="tableText">{{t.task}}</td> 
20   </a> 
21  </tr> 
22 {% endfor %} 
23 </table> 

Answer 1

는 MDN 당 TR 만 TD 또는 TH 원소의 혼합물을 함유 할 수있다.

템플릿을 변경하여이를 보완하십시오. (또한 당신이 가능성이 오타를 가지고 t.completed 것을 의미 나타납니다) 아마도

:

<h1 id="title">Joe's Basic Task List</h1> 
<table id="taskTable"> 
{% for t in taskList %} 
    <tr> 
    {%if t.completed == 1%} 
     <td><div class="btn active"><i class="fa fa-check"></i></div></t d> 
    {%else%} 
     <td><div class="btn"><i class="fa fa-check"></i></div></td> 
    {%endif%} 
     <td class="tableText"> 
      <a href="{% url 'tasks:detail' t.id%}">{{t.task}}</a> 
      <input type="hidden" name="id" value="{{t.id}}"/> 
     </td> 
    </tr> 
{% endfor %} 
</table> 

는 또한 걸쳐 사업부의의를 변경하거나 TD에서 직접 스타일을 두는 것이 좋습니다. 두 요소 모두 블록 요소로 표시됩니다 (td는 표 셀 디스플레이이지만 스타일 지정이있는 블록 수준 요소와 유사하게 동작합니다).

위치/스타일링 용도로 divs를 실제로 필요로하지 않으므로 div 안에 div가 중첩되어있는 것은 잘못되었습니다.