Bootstrap alert: usare lo stesso div per due messaggi consecutivi

Discussione in 'jQuery' iniziata da felino, 1 Agosto 2019.

  1. felino

    felino Utente Attivo

    Registrato:
    12 Dicembre 2013
    Messaggi:
    857
    Mi Piace Ricevuti:
    8
    Punteggio:
    18
    Occupazione:
    Developer Senior
    Località:
    Aci Catena (Catania)
    Ciao ragazzi,
    ho creato una semplice funzione che richiamo per visaulizzare dei messaggi all'utente:
    Codice:
    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.
     
Sto caricando...

Condividi questa Pagina