最好的确认对话框javascript库

Posted 2021-04-25

我想使用一个看起来比本机浏览器confirm对话框更好的确认对话框。我尝试过toastr，但发现使用No / Yes按钮实现confirmfunctionality有点棘手。它必须仍然保持和更新。

谢谢你的所有建议！

答案

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

另一答案

我认为最美丽的API之一就是SweetAlert：

https://limonte.github.io/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以使其适应您的项目颜色。

希望这可以帮助！