确认列表项，然后单击href

Question

我目前在模板中使用Django为每个列表元素生成href ，并在url上执行某种方法，将其从列表中删除，但是我希望出现一个确认框以确保用户希望删除它。

唯一的问题是url是动态的，并且使用django变量对列表的每个元素进行了更改，如下所示：

    <div id="list5">
    <ul>
{% if results %}
  {% for result in results %}
<li><a href="/accounts/delete/{{result.0}}/{{result.1}}"><strong>{{result.0}}</strong>evaluating {{result.1}}</a></li>
{% endfor %}
{% else %}
<li><a href="#"><strong>Assessor</strong>evaluating Assessee</a></li>
{% endif %}

结果，内联javascript onclick方法和我在堆栈溢出时能够找到的JQuery似乎不适用于我，有没有一种方法可以在单击时生成确认框（浏览器确认就可以了）列表元素的位置，然后在“是”的情况下重定向并跟随点击所来自的列表元素的url ？

Answer 1

您应该可以使用如下设置：

jQuery的：

$(document).ready(function() {
    $('.deleter').click(function() {
        if(confirm('Are you sure you want to delete this?') == true) {
            window.open($(this).attr('goto'));
        }
    })
})

模板：

<div id="list5">
   <ul>
   {% if results %} 
   {% for result in results %}
      <li class='deleter' goto='/accounts/delete/{{result.0}}/{{result.1}}'><strong>{{result.0}}</strong>evaluating {{result.1}}</li>
   {% endfor %}
   {% else %}
      <li><a href="#"><strong>Assessor</strong>evaluating Assessee</a></li>
   </ul>
   {% endif %}
</div>