Отображать toastr в определенном div

Мне нужно отобразить сообщение toastr в пределах определенного div, класса или id. По умолчанию это тело. Я понял, что мне нужно изменить цель. Но я не могу заставить его работать.Отображать toastr в определенном div

Скажем, например, я хочу, чтобы отобразить toastr внутри этого DIV:

<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 Я нахожусь используя для отображения тоста, которые добавляют тост в верхний правый угол тела. Но я хочу это в моем выборе div или тега –

Это просто просто установить новое имя класса "positionClass" внутри toastr.options

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

здесь является Fiddle

источник

2017-02-13 08:22:16

Спасибо, что он отлично работал .. :) –

Я рад, что вам помогает :) –

Отображать toastr в определенном div

ответ

Смежные вопросы