確認列表項，然后單擊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>