bootbox 사용자 정의 dialog, confirm 및alert 스타일
$(document).ready(function() {
//bootbox.setDefaults({
/**
* @optional String
* @default: en
* which locale settings to use to translate the three
* standard button labels: OK, CONFIRM, CANCEL
*/
//locale: "fr",
/**
* @optional Boolean
* @default: true
* whether the dialog should be shown immediately
*/
//show: true,
/**
* @optional Boolean
* @default: true
* whether the dialog should be have a backdrop or not
*/
//backdrop: true,
/**
* @optional Boolean
* @default: true
* show a close button
*/
//closeButton: true,
/**
* @optional Boolean
* @default: true
* animate the dialog in and out (not supported in < IE 10)
*/
//animate: true,
/**
* @optional String
* @default: null
* an additional class to apply to the dialog wrapper
*/
//className: "my-modal"
//});
});
$(document).on("click", "#test",
function(e) {
bootbox.confirm("Hello world!", function (result) {
if(result) {
alert(' ');
} else {
alert(' ');
}
});
bootbox.dialog({
message: "I am a custom confirm",
title: "Confirm title",
buttons: {
Cancel: {
label: "Cancel",
className: "btn-default",
callback: function () {
alert("Cancel");
}
}
, OK: {
label: "OK",
className: "btn-primary",
callback: function () {
alert("OK");
}
}
}
});
bootbox.confirm({
buttons: {
confirm: {
label: ' ',
className: 'btn-myStyle'
},
cancel: {
label: ' ',
className: 'btn-default'
}
},
message: ' ',
callback: function(result) {
if(result) {
alert(' ');
} else {
alert(' ');
}
},
//title: "bootbox confirm ",
});
bootbox.alert({
buttons: {
ok: {
label: ' ok ',
className: 'btn-myStyle'
}
},
message: ' ',
callback: function() {
alert(' alert');
},
title: "bootbox alert ",
});
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JS 다시 쓰기alert, 탄창 오류 우호성 보장텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.