Question

我对这个问题感到很疯狂。这是我的代码

<form class="borrarGrupos" id="borrarGrupos" action="{{ path('grupo_delete_group', {'id_escuela': escuela.id }) }}" method="post">

....

<input class="btn btn-danger" type="submit" value="Borrar Grupos marcados" />
</form>


<script>
$(document).ready(function(){

    $(".borrarGrupos").click(function(ev) {
        $('body').append('<div id="dataConfirmModal" class="modal" role="dialog" aria-labelledby="dataConfirmLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="dataConfirmLabel">ATENCIÓN!! ¿Está seguro que quiere borrar el grupo?</h3></div><div class="modal-body"></div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button><a class="btn btn-danger" id="dataConfirmOK">Quiero borrar el grupo</a></div></div>');
        $('#dataConfirmModal').find('.modal-body').text('¿Estás seguro de querer hacer esto?');
        $('#dataConfirmOK').click(function() {
            $(".borrarGrupos").submit();
        });
        $('#dataConfirmModal').modal({show:true});
        return false;
    });
});

如果我提交表格并在第一时间按下取消按钮，在我再次提交表格后，此模式框会出现两次。我不知道发生了什么。为什么？

由于

Answer 1

这是因为您的点击功能是由表单触发的，因为您有多个“btn-danger”。在您的提交按钮中添加id =“submit”并更改以下触发器：

$("#submit").click(function(ev) {

//...

});

确认模态框出现两次

1 个答案: