Toastr js添加批准/拒绝按钮

Posted 2021-04-18

我试图设置Toastr js成为一个对话框按钮的排序。

我需要的只是我的Toastr消息上的“已批准”和“拒绝”按钮

toastr.options = {
    "closeButton": true,
    "debug": false,
    "positionClass": "toast-bottom-left",
    "onclick": null,
    "showDuration": "1000",
    "hideDuration": "1000",
    "timeOut": "5000",
    "extendedTimeOut": "1000",
    "showEasing": "swing",
    "hideEasing": "linear",
    "showMethod": "fadeIn",
    "hideMethod": "fadeOut"
}
toastr.info("Do you wish to continue");

有谁知道这是否可能或知道任何其他允许我的脚本？

请注意

我知道这可以用Modal完成，但我想尝试避免它。

答案

当然。您可以将任何想要的html添加到Toast中，然后将事件处理程序连接到它。有关更多详细信息和示例，请参阅演示。 http://codeseven.github.io/toastr/demo.html

另一答案

您可以为toastr js添加按钮。

例如，单击ok的按钮以清除toastr：

toastr.info('message <button type="button" class="btn clear btn-toastr" onclick="toastr.clear()">OK</button>' , 'Studio Message:');