Bootstrap Modal选项卡在关闭时首先设置为活动状态

时间:2016-04-26 03:21:53

标签: javascript html

当具有2个标签的关闭自举模式时,焦点不会返回到第一个标签,而是始终保留在第二个标签中

问题是什么

HTML,BLADE:

<a class="Ver" href="javascript:void(0)" title="Ver" data-toggle="modal" data-target="#DvModalOperacionesMensajes">

<div class="modal fade" name="DvModalOperacionesMensajes" id="DvModalOperacionesMensajes" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title text-center" name="H4ModalOperacionesMensajes"></h4>
            </div>
            <div class="modal-body">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#Ver" data-toggle="tab">Ver Mensaje</a></li>
                    <li><a href="#Responder" name="AResponder" data-toggle="tab">Responder Mensaje</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="Ver">
                        Content 1

                    </div>
                    <div class="tab-pane fade" id="Responder">
                        Content 2
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                {!! Form::button("<i class='fa fa-remove fa-lg'></i> Cerrar", array("class" => "btn btn-default", "data-dismiss" => "modal")) !!}
            </div>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

试试这个

$('div[name=DvModalOperacionesMensajes]').on("hidden.bs.modal", function () {
        InicializarCampos ();
        $('#DvModalOperacionesMensajes a:first').tab('show');
    });