Django Link无法在for循环中使用

debugcn 发表于 Dev

9er

我正在尝试在html表内的表数据周围放置一个链接。当我在Chrome的Element Viewer中查看结果时，会得到以下结果。

<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>

我想不出为什么chrome会以两种不同的方式渲染它的很好的理由。django模板中有什么地方我做错了吗？

  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>

迈克·麦克马洪

每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>