Tengo esta función que muestra un mensaje dependiendo del estado "error, success, warning, etc".... Y al agregar nueva alerta, esta se pone debajo así sucesivamente, lo que quiero hacer es invertirlo, o sea el último que sea el de arriba.
Ejemplo: En vez de:
- Alerta 1
- Alerta 2
- Alerta 3
Quiero que sea:
- Alerta 3
- Alerta 2
- Alerta 1
Código
alert: function({size = 24, libreria, icono, color, mensaje, segundos = 3}) {
random = Math.floor(Math.random() * (1654 * 12)) + segundos; // Es solo para identificar el id
this.createSvg({size, libreria, icono, bloqueHtml:'.Toast--icon'});
id = `ToastBox_${random}`;
html = $("#ToastBoxes").append(`<div id="${id}" class="Toast Toast--${color}"><span class="Toast--icon"></span><span class="Toast--text">${mensaje}</span></div>`).addClass('show');
//ModalBox.cerrar();
$('.Toast').each(function(index, value) {
// Es 3s por defectos
setTimeout(function(){
// ex: $("#ToastBox_15156").remove().fadeOut(350);
$("#"+value.id).remove().fadeOut(this.setTime);
}, segundos * 1000);
});
return html;
},
Desde ya muchas gracias, espero haberme expresado bien.