文章参考自:链接
1. 引入css、js库,两种方式
1)下载:jquery-confirm.min.css、jquery-confirm.min.js,放到/static/css、/static/js文件夹,然后.html中引入(我是用的thymeleaf模板引擎):
<link rel="stylesheet" type="text/css" th:href="@{/css/jquery-confirm.min.css}"></link>
<script th:src="@{/js/jquery-confirm.min.js}"></script>
2)直接在线引用CDN服务:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css"></link>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
2. 使用
1)定义一个按钮,指定id,点击按钮弹出alert弹窗:
<body>
<button id="go">提交</button>
</body>
2)绑定按钮事件,click弹出:
<script>
$(function(){
$("#go").bind("click",function(){
$.alert(
{
title : "提示信息",
content: "你点击了提交按钮"
}
);
})
});
</script>
3. jquery-confirm常用函数
- $.alert
- $.confirm
- $.dialog
- $.fn.confirm