• Super User

    Bootstrap alert: usare lo stesso div per due messaggi consecutivi

    Ciao ragazzi,
    ho creato una semplice funzione che richiamo per visaulizzare dei messaggi all'utente:

    
    function showMessageEvent(textToShow, cssClass) {
        $("#resultMessageEvent").fadeOut("slow", function () {
            $("#resultMessageEvent").addClass(cssClass);
            $("#resultMessageEvent").html(textToShow);
        });
    
    
        $("#resultMessageEvent").show("slow").delay(3000).fadeOut("slow", function () {
            $("#resultMessageEvent").removeClass(cssClass);
            $("#resultMessageEvent").html("");
        });
    }
    
    

    Esempio:
    Primo messaggio:
    showMessageEvent("Caricamento in corso...", "alert-warning");

    Se la chiamata Ajax è success, il secondo messaggio:
    showMessageEvent("Evento aggiornato!", "alert-success");

    Succede che vengono rimossi la classe e il test riferiti al caso warning e solo dopo viene visualizzato il div success senza testo!

    Come mai?

    Grazie.