单击列表项确认然后单击href

时间:2015-08-21 15:36:04

标签: javascript jquery html django

我目前正在我的模板中使用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进行点击?

1 个答案:

答案 0 :(得分: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>