基于bootstrap modal 定制自己的confirm
这是最初初始的(太丑)
我想要定制的confirm 有什么效果呢?
- 可以复用,在多个页面使用(全局只需要存在一个)
- 可以指定回调函数(尤其是指定 ‘确定’ 被点击,触发自己指定的某个function)
- 样式美观(选择boottrap)
开发环境
先说明开发环境:我是使用的freemarker,直接写一个ftl.需要的页面只需要include 即可,十分方便
基础的样式文件
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="//cdn.bootcss.com/bootstrap-select/1.12.4/css/bootstrap-select.min.css" rel="stylesheet">
1 confirmmodal.ftl 文件:
<div>
<#-- 确认弹窗-->
<#--弹窗-->
<div class="modal fade" id="confirmModel" role=