1. 封裝layer
下載layer綠色版和jquery引入頁面
<!DOCTYPE html>
<html lang="zh-CN">
.
.
.
<script src="/Public/js/jquery.js"></script>
<script src="/Public/js/dialog/layer.js"></script>
<script src="/Public/js/dialog.js"></script>
</body>
</html>
2. 封裝dialog.js
var dialog = {
// 錯誤彈出層
error: function(message) {
layer.open({
content:message,
icon:2,
title : '錯誤提示',
});
},
//成功彈出層
success : function(message,url) {
layer.open({
content : message,
icon : 1,
yes : function(){
location.href=url;
},
});
},
// 確認彈出層
confirm : function(message, url) {
layer.open({
content : message,
icon:3,
btn : ['是','否'],
yes : function(){
location.href=url;
},
});
},
//無需跳轉到指定頁面的確認彈出層
toconfirm : function(message) {
layer.open({
content : message,
icon:3,
btn : ['確定'],
});
},
}
使用的時候在js中直接dialog.error("提示信息")即可實現layer的效果