1,bootstrap 同時展示多個模態框順序
頁面:

<%--模板--%>
    <div class="modal fade" id="userDepartModal" tabindex="-1" role="dialog"
         aria-labelledby="userDepartModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div
 
 class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" style="color: red;"></i></button>
                    <h4 class="modal-title" id="userDepartModalLabel">母版編輯</h4>
                </div
 
>
                <div class="modal-body" style="height: 600px;overflow: auto">
                    <form class="form-horizontal" role="form" id="add-depart-form" action="security/user-depart.json" method="post">
                        <ul class="list-group">
                            <ul
 
 id="treeDemo" class="ztree" style="margin-top:0; width:160px; height:auto;"></ul>
                        </ul>
                        <input type="hidden" name="uid" id="uid"/>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" onclick="add_dept();" class="btn btn-primary"><i class="fa fa-save"></i>儲存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>取消</button>
                </div>
            </div>
        </div>
    </div>
    <%--模板 end--%>
    <!-- 刪除 -->
    <div class="modal fade " id="delDataModal" tabindex="-1" role="dialog"
         aria-labelledby="deleteModalLabel" 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"><i class="fa fa-times" style="color: red;"></i></button>
                    <h4 class="modal-title" id="deleteModalLabel">刪除資料</h4>
                </div>
                <div class="modal-body">確認刪除所選資料麼？</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" id="delete"><i class="fa fa-trash"></i>確認</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- /.刪除 -->

以上為兩個模態框,在下面的會顯示在頂部.
如圖:

如果 刪除的模態框放在上面則會被遮擋.

2.複選框 全選例子

 $("#selectAll").click(function () {
                var flag = $(this).prop("checked")
                if(flag) {
                    $("#tBody tr").css("background-color","#337ab7");
                    $("#tBody tr :input").prop("checked", true);
                }else {
                    $("#tBody tr").removeAttr("style");
                    $("#tBody tr :input").prop("checked", false);
                }

            });