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

最初にフォームを送信してキャンセル ボタンを押した後、もう一度フォームを送信すると、このモーダル ボックスが 2 回表示されます。何が起こっているのかわかりません。なんで？

ありがとう

4

1 に答える 1

0

これは、クリック機能がフォームによってトリガーされ、複数の「btn-danger」があるためです。送信ボタンに id="submit" を追加し、トリガーを以下のように変更します。

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

//...

});
于 2013-03-27T14:12:06.363 に答える