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