弹出框（bootStrap模态框、bootbox、dbailog）

最新推荐文章于 2024-08-20 08:57:53 发布

weixin_43157748

最新推荐文章于 2024-08-20 08:57:53 发布

阅读量1.8k

点赞数 3

分类专栏：前端模态框文章标签： bootstrap bootbox 模态框提示框确认框

本文链接：https://blog.csdn.net/weixin_43157748/article/details/86496985

版权

本文介绍了BootStrap模态框和bootbox.js的使用，包括如何通过data属性和jQuery动态打开模态框，以及bootbox.js的alert、prompt和confirm方法。在使用bootbox.js时，应注意jQuery、Bootstrap和bootbox的版本对应及引用顺序。

摘要由CSDN通过智能技术生成

弹出框（bootStrap模态框、bootbox、dbailog）

最近这几天项目里要用 模态框 ，我找了好多，开始我们项目用的是dbailog的提示框，在我想使用bootstrap的模态框时，两者的js发生了冲突，出现闪退的情况。最后决定把dbailog换成bootbox.js。接下来我们来谈谈他们的使用。

一、bootStrap模态框

这个是菜鸟教程中的bootStrap模态框的链接，
http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html

<div id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade" style="display: none;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" class="close">><span aria-hidden="true">&times;</span></button></button>
                <h4 id="myModalLabel" class="modal-title">修改密码</h4>
            </div>
            <span class="panel-body no-padding">
<br>
            <!--<div class="modal-body">-->
                <div class="form-group">
                    <label class="col-sm-2 control-label">新密码</label>
                    <div class=