Toastr js添加批准/拒绝按钮

时间:2014-06-26 10:51:42

标签: javascript dialog toastr

我正在尝试设置Toastr js以成为对话框按钮的排序。

我所需要的只是一个"批准"和一个" Disaprove"我的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完成,但我想尝试避免它。

2 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:0)

您可以为toastr js添加按钮

例如,点击"Authentication": { "Google": { "ClientId": "ID FROM GOOGLE API", "ClientSecret": "SECRET FROM GOOGLE API" } 按钮即可清除ok

toastr