我想在混淆后重定向到<a>上的链接？

Question

我有一个问题,我正在努力.我想href="/jobs/emp/del/?id={{ job.pk }}"在确认后重定向到链接.我在用bootboxjs

{% for job in jobs %}
<a class="btn deleteJob" href="/jobs/emp/del/?id={{ job.pk }}"</a> 
{% for job in jobs %}

如何在执行链接之前要求确认/jobs/emp/del/?id={{ job.pk }}？

我试过了:

<a class="btn deleteJob"><span style="display:none">/jobs/emp/del/?id={{ job.pk }}</span>
                            <i class="icon-trash"></i></a>
<script src="/static/js/bootbox.js" type="text/javascript"></script>
<script>

$('.deleteJob').click(function(){
    bootbox.confirm("Are you Sure want to delete!", function (x) {
    if (x){

        var link= $(this).find( $spans ).text();            
        document.location.href='/'+link+'/';}
    });        
});
</script>

在一个大的for循环中,但它不起作用!？

Answer 1

我没有使用bootbox,但假设x函数中的值是弹出窗口的布尔结果,这应该工作:

<a href="/jobs/emp/del/?id={{ job.pk }}" class="btn deleteJob">
    <i class="icon-trash"></i>
</a>

$('.deleteJob').click(function(e) {
    e.preventDefault();
    var $link = $(this);
    bootbox.confirm("Are you Sure want to delete!", function (confirmation) {
        confirmation && document.location.assign($link.attr('href'));
    });        
});

注意,你提到了一个for循环 - 那里的jQuery代码不需要在循环中.该代码适用于.deleteJobanchor元素的所有实例.