繁体   English   中英

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

[英]Bootstrap Modal tab first set active when close

当关闭带有 2 个选项卡的引导模式时,焦点不会返回到第一个选项卡始终停留在第二个选项卡中

问题是什么

HTML,刀片:

<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>

尝试这个

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM