1. 程式人生 > 實用技巧 >前端開發之彈出框系列教程八:自定義按鈕欄

前端開發之彈出框系列教程八:自定義按鈕欄

自定義按鈕欄
$k.confirm({
      content:'自定義按鈕',
      buttons:[
            {text:'按鈕一',onClick:function(args){
                   $k.alert({content:'onClick事件:您點選了“按鈕一”'});
            }},
            {text:'按鈕二',onClick:function(args){
                   $k.alert({content:'onClick事件:您點選了“按鈕二”'});
            },close:'first'}, //close:'first':先觸發onClick事件,再觸發onClosed事件.
{text:'按鈕三',onClick:function(args){ $k.alert({content:'onClick事件:您點選了“按鈕三”'}); }}, {text:'按鈕四',onClick:function(args){ $k.alert({content:'onClick事件:您點選了“按鈕四”'}); }} ], onClosed:function(args){ if (args.closeTrigger == 'btn-0') { $k.alert({content:'onClosed事件:您點選了“按鈕一”'}); } else if(args.closeTrigger == 'btn-1'){ $k.alert({content:'onClosed事件:您點選了“按鈕二”'}); } else if(args.closeTrigger == 'btn-2'){ $k.alert({content:'onClosed事件:您點選了“按鈕三”'}); } else if(args.closeTrigger == 'btn-3'){ $k.alert({content:'onClosed事件:您點選了“按鈕四”'}); } } });
檢視效果