首页 > 其他 > 详细

layer confirm确认框,多个按钮

时间:2020-07-30 19:26:10      阅读:1187      评论:0      收藏:0      [点我收藏+]
//eg1       
layer.confirm(‘纳尼?‘, {
  btn: [‘按钮一‘, ‘按钮二‘, ‘按钮三‘] //可以无限个按钮
  ,btn3: function(index, layero){
    //按钮【按钮三】的回调
  }
}, function(index, layero){
  //按钮【按钮一】的回调
}, function(index){
  //按钮【按钮二】的回调
});
 
//eg2
layer.open({
  content: ‘test‘
  ,btn: [‘按钮一‘, ‘按钮二‘, ‘按钮三‘]
  ,yes: function(index, layero){
    //按钮【按钮一】的回调
  }
  ,btn2: function(index, layero){
    //按钮【按钮二】的回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,btn3: function(index, layero){
    //按钮【按钮三】的回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,cancel: function(){ 
    //右上角关闭回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
});

技术分享图片

实战

$(".change_identity").on(‘click‘, function () {
    let id = $(this).parent().data(‘id‘);
    layer.confirm(‘确定变更身份吗?‘, {
        btn: [‘全职业务员‘, ‘兼职业务员‘,‘流量主‘] //按钮
        ,btn3: function(index, layero){
            alert(‘流量主‘);
            return false;
        }
    }, 
    function () {
        alert(‘全职业务员‘);
    }
    , function () {
        // todo
        alert(‘兼职业务员‘);
        return false;
    });
});

layer confirm确认框,多个按钮

原文:https://www.cnblogs.com/jiqing9006/p/13404916.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!