在特定div内显示toastr

我需要在特定的div，class或id内显示toastr消息。默认情况下它是正文。我发现我需要改变目标。但我似乎无法让它工作。在特定div内显示toastr

例如说我想这个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!'); 
    } 
});

任何人都可以请帮助。

来源

2017-02-13 Ankan Kumar Giri

你可以粘贴一些代码的在这里.. –

我加入jQuery代码我用于显示将toastr添加到主体右上角的toastr。但我希望它在我选择的div或标记 –

很简单只是一个新的类名设置为"positionClass"内toastr.options

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

这里是Fiddle

来源

2017-02-13 08:22:16

谢谢它的工作完美.. :) –

我很高兴，可以帮助你:) –

在特定div内显示toastr

回答

相关问题