0

我对这个问题要疯了。这是我的代码

<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;
    });
});

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

谢谢

4

1 回答 1

0

这是因为您的点击功能是由表单触发的,并且因为您有多个“btn-danger”。将 id="submit" 添加到您的提交按钮并更改以下触发器:

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

//...

});
于 2013-03-27T14:12:06.363 回答