jquery-confirm.js弹出窗调用自定义DIV

一、引入相关脚本

<link type="text/css" href="css/jquery-confirm.css"/>
<script src="js/jquery-confirm.js"></script>

二、HTML代码

<style type="text/css">
    .tbBox{display:none;}
    .tbBox .tbHead{height:30px;}
    .tbBox .tbBody{padding:15px;max-height:500px;overflow-y:auto;}
</style>
<button class="btn btn-primary btnText">Content文本调用DIV content:$('#contentBox') </button>
<button class="btn btn-primary btnText2">dialog DIV content:$('#contentBox') </button>
<div class="tbBox" id='contentBox'>
    <div class="tbHead">新增弹出窗</div>
    <div class="tbBody">
        <p>jQuery自定义模拟confirm弹出提示框</p>
        <pre>
            $('.btnText').on('click', function(){
               $.confirm({
                    title: '弹窗DIV容器',
                    content:$('#contentBox') ,
                    icon: 'fa fa-rocket',
                    animation: 'scale',
                    closeAnimation: 'scale',
                    buttons: {
                        okay: {
                            text: '关闭',
                            btnClass: 'btn-blue'
                        }
                    }
                });
            });
        </pre>
    </div>
</div>

三、脚本代码

<script type="text/javascript">
   $('.btnText').on('click', function(){
         $.confirm({
              title: '弹窗DIV容器',
              content:$('#contentBox') ,
              icon: 'fa fa-rocket',
              animation: 'scale',
              closeAnimation: 'scale',
              buttons: {
                  okay: {
                      text: '关闭',
                      btnClass: 'btn-blue'
                  }
              }
          });
      });
      //dialog方式
      $('.btnText2').on('click', function(){
         $.dialog({
                    title: '弹出窗',
                    content:$('#contentBox') ,
                    animation: 'scale',
                    columnClass: 'medium',
                    closeAnimation: 'scale',
                    backgroundDismiss: true,
                });
            });
</script>

jquery-confirm.js弹出窗调用自定义DIV，