0.0.1 • Published 8 years ago
dbl-popup v0.0.1
popup弹窗
三种方式,只有当网站
应用了阿里云的样式
时,才能调用。- popup.dialog
- popup.alert
- popup.confirm
具体调用方法:
$('.J_btnOpenEasyDialog').click(function(e){
dblPopup.dialog({
contMsg:'EasyDialog弹窗',
btnYes:'',
btnNo:'',
});
e.preventDefault();
});
$('.J_btnOpenAlert').click(function(e){
dblPopup.alert({
contMsg:'Alert弹窗',
btnYes:'',
btnNo:'关闭',
});
e.preventDefault();
});
$('.J_btnOpenConfirm').click(function(e){
dblPopup.confirm({
contMsg:'Confirm弹窗'
});
e.preventDefault();
});
$('.J_btnOpenCustomDialog').click(function(e){
dblPopup.dialog({
title:'我是标题',
contIcon:'icon-logo1',
contIconColor:'y-red',
contTitle:'CustomDialog弹窗',
contMsg:'CustomDialog弹窗我是一条消息,请仔细阅读!',
contEventHandler:function(dialog,instance,opts){
dialog.find('.dbl-icon').click(function(){
alert('点我干啥');
});
},
width:800,
btnYes:'好的',
btnNo:'算了',
btnYesClick:function(dialog,instance,opts){
alert('你答应了额');
console.log(opts);
instance.close();
},
btnNoClick:function(dialog,instance,opts){
alert('那就算了吧');
console.log(opts);
instance.close();
}
});
e.preventDefault();
});
0.0.1
8 years ago