0.0.1 • Published 8 years ago

dbl-popup v0.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
8 years ago

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();
});