jqueryConfirm使用教程
2017-08-27 本文已影响0人
wangzaiplus
文章参考自：链接
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
