前端開發之彈出框系列教程八:自定義按鈕欄
阿新 • • 發佈:2020-08-17
自定義按鈕欄
檢視效果
$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事件:您點選了“按鈕四”'}); } } });