javascript - 在特定的 div 中显示 toastr

Question

我需要在特定的 div、类或 id 中显示 toastr 消息。默认情况下它是 body 。我发现我需要改变目标。但我似乎无法让它发挥作用。

例如，我想在这个 div 中显示 toastr:

<showerror> </showerror>

这是我使用的代码:

toastr.options = {
    "closeButton": false,
    "debug": false,
    "newestOnTop": false, 
    "progressBar": false, 
    "positionClass": "toast-top-right",
    "preventDuplicates": false, 
    "onclick": null,
    "showDuration": "300", 
    "hideDuration": "1000", 
    "timeOut": "5000", 
    "extendedTimeOut": "1000",
    "showEasing": "swing",
    "hideEasing": "linear",
    "showMethod": "fadeIn",
    "hideMethod": "fadeOut",
};

$('#submitform').submit(function(e){
    e.preventDefault(); 
    console.log($('#ques1').val());
    if($('#ques1').val()==null){
        toastr.error('Please select a question', 'Error!');
   }
});

谁能帮忙。

Answer 1

很简单，只需在 toastr.options 中将新类名设置为 "positionClass"

toastr.options = { 
    ....
    "positionClass": "your-classname-here",
    ....
};

这是一个Fiddle