Question

似乎问题之前已被问过，但事实并非如此，我确实搜索过但在这里没有运气或google ...甚至没有在bootstrap文档中... 我使用“远程”内容处理我的动态模态，所以这是我的代码

    <a href="#" data-toggle="modal" data-remote="con1.html" data-refresh="true" data-target="#dynamiContent">
        <img src="imgs/pic-1.jpg" class="img-responsive img-circle">
    Some title 1
    </a>
<a href="#" data-toggle="modal" data-remote="con2.html" data-refresh="true" data-target="#dynamiContent">
        <img src="imgs/pic-2.jpg" class="img-responsive img-circle">
    Some title 2
    </a>
    // My jQuery is
            $('.refresh-me').click(function(e){
                e.preventDefault();
                $('#conTenido').modal('refresh');
            });
            $(document).ready(function(){
                $('body').on('hidden.bs.modal', '.modal', function () {
                    $(this).removeData('bs.modal');
                });
            })

所以，我将我的内容加载到我的模态中，信息确实显示正确，我的问题是，当用户打开第一个“模态”能够调用第二个内容时，是否有一个消息知道当你使用“FancyBox”作为图像时，你可以制作图像组，你可以在不关闭“弹出窗口”的情况下放大图像，所以我想知道可以用模态做同样的事情，而不是去做一个一个...

我的模态只有这个

<div class="modal fade" id="dynamiContent">
    <div class="modal-dialog">
        <div class="modal-content bg-con-modal">

        </div><!-- /.modal-content -->
    </div><!-- /.modal-dalog -->
</div><!-- /.modal -->

动态内容或HTML只有这个

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">The Tittle 1</h4>
</div>
<div class="modal-body">
    <div class="row">
        <div class="col-md-12">
            <img src="imgs/pic-big-1.jpg" class="img-responsive" style="margin: 0 auto;">
        </div>
    </div>
    <div class="row">
        <!-- Content -->
    </div>


</div>
<div class="modal-footer">
    <a href="#" class="btn btn-default" data-dismiss="modal">Cerrar</a>
    <a href="#" class="btn btn-success"><i class="fa fa-download"></i> Download <i class="fa fa-file-pdf-o"></i> </a>
    <a href="#" class="btn btn-primary refresh-me">Refresh</a>
</div>

并且就是这样，每个html都是一样的，这个html被加载到“dynamiContent”中......

那我如何建立一个模态组？...

具有远程内容的Bootstrap 3组模态

0 个答案: