如何在多个按钮上显示多个引导模式

时间:2018-02-23 05:31:12

标签: angularjs bootstrap-modal

我在同一页面上有多个模态。

例如:我在页面上定义了两个按钮,如下所示:

模态1的按钮:

<i class="fa fa-info-circle" data-toggle="modal" data-target="#firstModal"> First Modal </i>

模态2的按钮:

<i class="fa fa-info-circle" data-toggle="modal" data-target="#secondModal"> Second Modal  </i>
页面底部,正文内部的

MODALS (也不在表单标记内工作)

<!-- Modal defined first -->
<div class="modal fade" id="firstModal" tabindex="-1" role="dialog"
    aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <form>
            <div class="modal-content">
                <div class="modal-header modal-lg">Header</div>

                <div class="modal-body">

                    body

                    <div class="modal-footer">footer</div>

                </div>
            </div>
        </form>
    </div>
</div>

<!-- Modal defined second -->
<div class="modal fade" id="secondModal" tabindex="-1" role="dialog"
    aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <form>
            <div class="modal-content">
                <div class="modal-header modal-lg">Header</div>

                <div class="modal-body">

                    body

                    <div class="modal-footer">footer</div>

                </div>
            </div>
        </form>
</div>
</div>
  

问题陈述:上面给出的代码运行得很好,但是它只显示了我先定义的模态。目前,如果我在#firstModal之上定义#secondModal而不是#secondModal工作,它只显示#firstModal。

请注意为什么模态定义为秒,只是使屏幕变暗并且不显示模态。 谢谢

1 个答案:

答案 0 :(得分:0)

>>lpstat -c laser
members of class laser:
    HL-L2360D