Jquery 引导模式不使用单击功能关闭

这是我的函数和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>

$（文档）.ready（函数（）{
$（“#btnRespuesta”）。单击（函数（）{
//警报（“entre a btnRespuesta”）；
$（'btnRespuesta'）.attr（'disabled'，true）；
$.ajax({
url:“/PreguntasConfigs/guardarRespuesta/”，
数据：{respuesta:$（“#respuesta”）.val（），idPregunta:$（“#idPreguntaAsociada”）.val（），idRespuesta:$（“#idRespuesta”）.val（），tipo:$（“#tipo”）.val（），id#periodo:$（“#periodo”）.val（），
成功：功能（结果）{
//警报（结果）；
$（“#preguntas”+$（“#idpreguntasasociada”）.val（）+“tbody”）.replace为（结果）；
$（“#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）；
}
}).错误（函数（）{
警报（“错误描述”）；
}).fail（函数（）{
警报（“服务错误”）；
});
});
});
&时代；
Nueva Respuesta段：
普雷甘塔
雷斯普埃斯塔
蒂波
选择行动
无耻
声明
周期
选择行动
量纲的
双雌体
三角形
反丁烯雌酚
塞梅斯特拉尔
无意识道德人格
无尾人
取消者
瓜达尔

并尝试： $（'body'）addClass（“.”）； $（“#modalRespuestas”）css（“显示”、“无”）； 当函数结束ajax但不起作用时

应调用：

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

---

@维克多，你到底把密码放在哪里了。它确实有效：您正在使用bootstrap 3，对吗？另外，您确定在调用之前的某个地方没有错误吗？如果javascript块中发生错误，代码的执行将停止，因此不会调用错误后的任何内容。这或将代码放在错误的位置是我能想到的唯一失败的原因。我正在使用Bootstrap v3.0.0，在控制台上google chrome没有显示任何错误error@vrvictor那么这个代码就行了。你到底把它放在哪里？