Skip to content

timeout=0 onclick=function(){} how do I hide the toastr? #680

@GStainburn

Description

@GStainburn

With the code below (taken from the demo page, with callbacks added) my toaster pops up and doesn't time out.
If I click the button the callback happens but the toastr doesn't disappear.

How do I make it disappear please?

Also, if I click the background, it does disappear. How can I prevent this?

toastr.options = { "closeButton": false,
                   "debug": false,
                   "newestOnTop": false,
                   "progressBar": false,
                   "positionClass": "toast-bottom-right",
                   "preventDuplicates": false,
                   "showDuration": "700",
                   "hideDuration": "1000",
                   "timeOut": "0",
                   "extendedTimeOut": "0",
                   "showEasing": "swing",
                   "hideEasing": "linear",
                   "showMethod": "fadeIn",
                   "hideMethod": "fadeOut"};
toastr.options.onShown = function() { console.log('hello'); }
toastr.options.onHidden = function() { console.log('goodbye'); }
toastr.options.onclick = function(e) { console.log('clicked');console.log(e); }
toastr.options.onCloseClick = function() { console.log('close button clicked'); }
msg="This is a test<br /><br />"+
    "<button type='button' class='btn clear id=Yes'>Yes</button> "+
    "<button type='button' class='btn clear id=No'>No</button>";
var TOAST=toastr['error'](msg,"Alert");

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions