Question

这是我的函数和我的div，当我单击该函数成功但模态窗口未隐藏时

    <script type="text/javascript">
    $(document).ready(function () {

        $("#btnRespuesta").click(function () {
            //alert('entre a btnRespuesta');
            $('#btnRespuesta').attr('disabled', true);
            $.ajax({

                url: "/PreguntasConfigs/guardarRespuesta/",
                data: { respuesta: $("#respuesta").val(), idPregunta: $("#idPreguntaAsociada").val(), idRespuesta: $("#idRespuesta").val(), tipo: $("#tipo").val(), id_periodo: $("#periodo").val() },
                success: function (result) {
                    //alert(result);
                    $('#preguntas' + $("#idPreguntaAsociada").val() + ' tbody').replaceWith(result);
                    $("#idPreguntaAsociada").val(0);
                    $("#idRespuesta").val(0);
                    $("#respuesta").val("");
                    $('#btnRespuesta').attr('disabled', false);
                    $("#tipo option[value='-1']").prop("selected", true);
                    $("#periodo option[value='-1']").prop("selected", true);


                }

            }).error(function () {
                alert('Error desconocido');
            }).fail(function () {
                alert('Error de conexion con el servidor');
            });


        });


    });


</script>

<!-- Modal respuestas -->
<div class="modal fade" id="modalRespuestas" role="dialog">
    <div class="modal-dialog">
        <!-- Modal contenido-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 id="tituloRespuesta" class="modal-title">Nueva Respuesta para:</h4>
                <h5 id="tituloPreguntaRespuesta" class="modal-title">Pregunta</h5>
            </div>
            <div class="modal-body">
                <div class="form-horizontal">
                    <form id="loginForm" method="post" class="form-horizontal">
                        <div class="form-group">
                            <label class="control-label col-md-3" for="pregunta">Respuesta</label>
                            <div class="col-md-8">
                                <input type="hidden" id="idPreguntaAsociada" name="idPreguntaAsociada" value="0" />
                                <input type="hidden" id="idRespuesta" name="idRespuesta" value="0" />
                                <textarea required style="resize:none;" class="form-control text-box single-line valid" class="respuestas" id="respuesta" name="respuesta" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3" for="tipo">Tipo</label>
                            <div class="col-md-8">
                                <select id="tipo" class="form-control valid" required>
                                    <option value="-1">Seleccione una opción</option>
                                    <option value="I">Impuesto</option>
                                    <option value="D">Declaración</option>
                                </select>

                            </div>
                        </div>
                        <div class="form-group">

                            <label class="control-label col-md-3" for="periodo">Periodo</label>
                            <div class="col-md-8">
                                <select id="periodo" class="form-control valid" required>
                                    <option value="-1">Seleccione una opción</option>
                                    <option value="01">Mensual</option>
                                    <option value="3">Bimestral</option>
                                    <option value="4">Trimestral</option>
                                    <option value="5">Cuatrimestral</option>
                                    <option value="6">Semestral</option>
                                    <option value="7">Anual Persona Moral</option>
                                    <option value="8">Anual Persona Física</option>
                                </select>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                            <button type="button" id="btnRespuesta" data-dismiss="modal" class="btn btn-primary">Guardar</button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
</div>

并尝试： $（＆＃39; body＆＃39;）addClass（＆＃34;。＆＃34;）; $（＆＃34;＃modalRespuestas＆＃34;）css（＆＃34; display＆＃34;，＆＃34; none。＆＃34;）; 当函数结束ajax但不起作用时

Answer 1

你应该致电：

$('#modalRespuestas').modal('hide');

使用单击功能不会解除Bootstrap模式

1 个答案: