Bootstrap模态问题(无法显示第二个模态)

时间:2015-12-16 09:01:08

标签: javascript jquery twitter-bootstrap modal-dialog bootstrap-modal

所以我有两个模态,根据我点击的按钮

触发

第一个像这样的人:

<a id="de_details" data-toggle="modal" data-target=".show-de-banks"> </a>

它以这种方式构建

<div class="modal fade show-de-banks" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    bla bla
                <div class="modal-body">
                    bla bla
                </div>
                <div class="modal-footer">
                    bla bla
                </div>
            </div>
    </div>
</div>

使用按钮调用第二个:

<button class="btn btn-warning" data-toggle="modal" data-target=".open-dialog">Open dialog with IT-Team</button>

它的构建方式相同:

<div class="modal fade open-dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                dsfgdfg
            </div>
            <div class="modal-body">
                sdgfsdgsd
            </div>
            <div class="modal-footer">
               sdfds
            </div>
        </div>
    </div>
</div>

当我打开第一个时,我没有问题。

但是当我想打开第二个时,它一出现就消失了。

我知道:

  • 我必须只包含一个js bootstrap文件
  • 我的脚本必须在最后(为了加快页面加载速度)

我错过了什么吗?

1 个答案:

答案 0 :(得分:0)

如普遍存在的开发者Bootstrap modal issue (not able to show the second modal)所述,您应该按type按钮button

<button type="button" class="btn btn-warning" data-toggle="modal" data-target=".open-dialog">Open dialog with IT-Team</button>