最佳确认对话框 JavaScript 库

Question

我想使用一个确认对话框，它看起来比内置 JavaScript confirm() 方法生成的对话框更好。

我尝试过Toastr，但发现confirm 功能使用“否”/“是”按钮有点棘手。它仍然需要维护和更新。

感谢所有建议！

Answer 1

我认为最漂亮的 API 之一是 SweetAlert2。

您可以按如下方式设置对话框：

swal({
    title: 'Are you sure?',
    text: "You won't be able to revert this!",
    type: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: 'Yes, delete it!'
}).then((result) => {
    if (result.value) {
        swal(
        'Deleted!',
        'Your file has been deleted.',
        'success'
        )
    }
})

看起来是这样的：

您甚至可以自定义 CSS 以使其适应您的项目颜色。

希望这会有所帮助！

Answer 2

试试jquery-confirm。他们有各种各样的设计。