Question

bootstrap模态框没法弹出

点击按钮之后模态框没有弹出到最顶层，但是已经弹出了。应该怎么把模态框弄到最顶层

Answer 1

在bootstrap模态框弹出后触发函数方法如下：
1、show.bs.modal show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访问。
2、shown.bs.modal 此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触发。如果是通过点击某个作为触发器的元素，则此元素可以通过事的 relatedTarget 属性进行访问。

4、hide.bs.modal hide 方法调用之后立即触发该事件。
5、hidden.bs.modal 此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发。
6、loaded.bs.modal 从远端的数据源加载完数据之后触发该事件。

Answer 2

你写的不大对 没触发 触发是class 添加modal-open 的

追答

.modal（"show"）方法显示 你写的不对

追问

没用

还是显示不出来

追答

你写错着呢

<div class="modal fade" id="myModal" 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-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
            </div>
            <div class="modal-body">按下 ESC 按钮退出。</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">提交更改</button>
            </div>
        </div>
    </div>
</div>

追问

是不是因为panel的原因，我之前用模态框的时候就弹出了，但是使用panel之后就无法弹出了