前端開發之彈出框系列教程二：Confirm確認框

 1、居中彈出

$k.confirm({
      content:'居中彈出',
      onClosed:function(args){
          if (args.closeTrigger == 'btn-0') {
              $k.alert({content:'您點了"確定"按鈕'});
          }
          else{
              $k.alert({content:'您點了"取消"按鈕'});
          }
      }
});

查看效果

 2、左上角彈出

$k.confirm({
      content:'左上角彈出',
      style:{left:0,top:0},
      onClosed:function(args){
      if (args.closeTrigger == 'btn-0') {
              $k.alert({content:'您點了"確定"按鈕'});
          }
          else{
              $k.alert({content:'您點了"取消"按鈕'});
          }
      }
});

查看效果

 3、右下角彈出

$k.confirm({
      content:'右下角彈出',
      style:{left:'r',top:'b'},
      onClosed:function(args){
          if (args.closeTrigger == 'btn-0') {
              $k.alert({content:'您點了"確定"按鈕'});
          }
          else{
              $k.alert({content:'您點了"取消"按鈕'});
          }
      }
});

查看效果

 4、左下角彈出

$k.confirm({
      content:'左下角彈出',
      style:{left:0,top:'b'},
      onClosed:function(args){
          if (args.closeTrigger == 'btn-0') {
              $k.alert({content:'您點了"確定"按鈕'});
          }
          else{
              $k.alert({content:'您點了"取消"按鈕'});
          }
      }
});

查看效果

 5、右上角彈出

$k.confirm({
      content:'右上角彈出',
      style:{left:'r',top:0},
      onClosed:function(args){
          if (args.closeTrigger == 'btn-0') {
              $k.alert({content:'您點了"確定"按鈕'});
          }
          else{
              $k.alert({content:'您點了"取消"按鈕'});
          }
      }
});

查看效果

 6、自定義彈出位置

$k.confirm({
      content:'自定義彈出位置：距左邊200px,距上邊200px',
      style:{left:200,top:200},
      onClosed:function(args){
          if (args.closeTrigger == 'btn-0') {
              $k.alert({content:'您點了"確定"按鈕'});
          }
          else{
              $k.alert({content:'您點了"取消"按鈕'});
          }
      }
});

查看效果