Question

我有一个列表项，将鼠标悬停在编辑按钮上。我希望列表项框重定向到项目url，编辑按钮重定向到编辑页面。

<a class="list-group-item" href = '{{ the_url }}'>
 <div class="list-content" >
  <span class="list-text">{{group_child}}</span>
   <div class="item-actions">
    <span class="btn btn-pure btn-icon" onclick="location.href = '{% url 'mod:editgroup' group_child.id %}'">
     <i class="icon wb-edit" aria-hidden="true"></i>
    </span>
   </div>
 </div>
</a>

上面的代码（单击编辑图标）的问题也重定向到列表项的url。如何使编辑图标链接起作用

Answer 1

更改了HTML，以使DIV分开，并且现在可以使用。

<a class="list-group-item">
  <div class="list-content" onclick="location.href = '{{ the_url }}'">
   <span class="list-text">{{group_child}}</span>
  </div>
  <div class="item-actions">
    <span class="btn btn-pure btn-icon" onclick="location.href = '{% url 'mod:editgroup' group_child.id %}'">
     <i class="icon wb-edit" aria-hidden="true"></i>
   </span>
  </div>
</a>

使用Django的div中的不同链接

1 个答案: