javascript - 确认列表项单击然后按照 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 似乎对我不起作用，有没有办法生成确认框(浏览器确认就可以了) )在单击列表元素时，然后在"is"时重定向并遵循单击所来自的列表元素中的 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>