我怎样才能在引导箱提示中只显示确认按钮?
How can i show only confirm button in bootbox prompt?
我正在使用以下内容创建引导框提示消息。
(标题和默认值是通过 ajax 请求获得的。)
bootbox.prompt({
title: response.message,
value: response.value,
buttons: {
confirm: {
label: 'Ok'
}
},
callback: function (result) {
}
});
虽然我只设置了 confirm
按钮,提示符也显示了 Cancel
按钮。
我在这里做错了什么?
我曾尝试通过 css 隐藏取消按钮,但没有成功
.btn btn-secondary btn-default bootbox-cancel{
visibility:hidden;
}
我真的不建议这样做 - 用户对提示的标准期望是有一个明显的取消提示的方法。
也就是说...d-none
class,当添加到“取消”按钮时,将隐藏它:
bootbox.prompt({
title: 'Please enter something:',
callback: function(result){
console.log(result);
},
buttons: {
cancel: {
className: 'd-none'
}
}
});
演示:https://jsfiddle.net/t3o5Lcnb/
您无法从 bootbox.alert
、bootbox.confirm
或 bootbox.prompt
对话框中删除 取消或 Confirm/OK 按钮,但您可以自定义它们(更改文本、添加图标、设置按钮 classes,或添加自定义 classes)。在这种情况下,添加 d-none
Bootstrap class 会将 display: none;
规则添加到“取消”按钮。
您可以在“示例”页面上找到一些自定义按钮的示例:http://bootboxjs.com/examples.html#confirm-alternate-text-color
我正在使用以下内容创建引导框提示消息。 (标题和默认值是通过 ajax 请求获得的。)
bootbox.prompt({
title: response.message,
value: response.value,
buttons: {
confirm: {
label: 'Ok'
}
},
callback: function (result) {
}
});
虽然我只设置了 confirm
按钮,提示符也显示了 Cancel
按钮。
我在这里做错了什么?
我曾尝试通过 css 隐藏取消按钮,但没有成功
.btn btn-secondary btn-default bootbox-cancel{
visibility:hidden;
}
我真的不建议这样做 - 用户对提示的标准期望是有一个明显的取消提示的方法。
也就是说...d-none
class,当添加到“取消”按钮时,将隐藏它:
bootbox.prompt({
title: 'Please enter something:',
callback: function(result){
console.log(result);
},
buttons: {
cancel: {
className: 'd-none'
}
}
});
演示:https://jsfiddle.net/t3o5Lcnb/
您无法从 bootbox.alert
、bootbox.confirm
或 bootbox.prompt
对话框中删除 取消或 Confirm/OK 按钮,但您可以自定义它们(更改文本、添加图标、设置按钮 classes,或添加自定义 classes)。在这种情况下,添加 d-none
Bootstrap class 会将 display: none;
规则添加到“取消”按钮。
您可以在“示例”页面上找到一些自定义按钮的示例:http://bootboxjs.com/examples.html#confirm-alternate-text-color