如何在模态对话框中制作bootbox?

时间:2017-01-05 02:50:50

标签: modal-dialog bootbox

enter image description here

<div class="modal fade" id="ajax" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-dialog-center">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Ajax Content</h4>
                </div>
                <div class="modal-body">
                    <form id="form" class="form-horizontal" role="form">
                        <div class="form-group">
                            <label class="col-md-3 control-label">English:</label>
                            <div class="col-md-8">
                                <input type="text" name="en_key" value="" class="form-control">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">close</button>
                    <button type="button" class="btn blue" onclick="saveParameter()">Commit</button>
                </div>
            </div>
        </div>
    </div>
</div>



function saveParameter(){
      bootbox.alert({
                  size: "small",
                  message: "Success!",
                });
}

Fist,我显示模态对话框,然后单击Commit按钮并提示bootbox, 但是bootbox在模态对话框之外,如图片,如何在模态对话框中制作bootbox?

0 个答案:

没有答案