jquery - 我只想在确认后重定向到 <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 值是弹出窗口的 bool 结果，这应该可行:

<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 代码不需要在循环中。该代码适用于 .deleteJob anchor 元素的所有实例。