Bootstrap alert: usare lo stesso div per due messaggi consecutivi

felino

Utente Attivo
12 Dic 2013
924
10
18
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.
 
Discussioni simili
Autore Titolo Forum Risposte Data
websilvia Contact form using Bootstrap 3.3.4 PHP 8
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
F Come passare una variabile al modal di bootstrap PHP 1
motleyrulez Paginazione Tabella Bootstrap Javascript 2
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
felino [Bootstrap] Allineamento verticale HTML e CSS 1
MaryRoxenne Questione Bootstrap HTML e CSS 1
L Bootstrap 4 input ext value HTML e CSS 1
riminese77 [ASP.Net] Popup Bootstrap in datagrid ASP.NET 0
W [Javascript] Bootstrap Admin templates, mi dareste dei consigli? Content Management System (CMS) 0
I Bootstrap 4 Card overlay non responsive Content Management System (CMS) 0
fabiodisconzi Miglior template bootstrap 4 admin? Content Management System (CMS) 1
L Come sovrascrivere i parametri di Bootstrap Content Management System (CMS) 0
L Navbar dropdown con Bootstrap: link ai css Content Management System (CMS) 4
E Bootstrap con parallax e particles jQuery 2
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
T [PHP] passare una variabile in una finestra MODAL di bootstrap PHP 3
M Responsive design bootstrap HTML e CSS 2
xone [Vendo] Landing Page in html css bootstrap responsive Compravendita siti e domini 0
F Bootstrap Notify jQuery 0
V Creare funzioni PHP per agevolare bootstrap PHP 1
V Passare a PHP pagina bootstrap creata in HTML PHP 1
A [Javascript] Problemi menu bootstrap Javascript 1
A Bootstrap grid img a sinistra serie di div a destra Content Management System (CMS) 1
T Bootstrap: allineamento sotto il BADGE HTML e CSS 1
O Bootstrap carousel-caption responsive Content Management System (CMS) 2
F img bootstrap centrata nello schermo HTML e CSS 1
F Slide down/up dropdown Bootstrap jQuery 0
otto9due Form personalizzato in bootstrap da integrare nel tema wordpress WordPress 0
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
L tabella bootstrap PHP 3
L Problema Bootstrap Modulo Email + php PHP 1
J Bootstrap dropdown menu non funziona con jquery-1.8.2??? jQuery 5
R Bootstrap Carousel allineamento a sinistra impossibile! HTML e CSS 1
MarcoGrazia Verifica della data inserita in un form ( utilizzando bootstrap ) Javascript 7
L slider bootstrap HTML e CSS 0
C Sottomenù Bootstrap che non funziona correttamente HTML e CSS 8
MarcoGrazia Problema con bootstrap, saltata tutta la paginazione in IE8 HTML e CSS 1
E problema con carousel di Bootstrap HTML e CSS 1
R Dubbi Incolonnamento Layout con Bootstrap. HTML e CSS 1
F 5 colonne con bootstrap 2 HTML e CSS 4
F Altezza immagini Bootstrap HTML e CSS 1
J Problema con form in bootstrap HTML e CSS 0
J Menu a tendina con bootstrap 3 HTML e CSS 3
C Form registrazione Bootstrap PHP 0
kungfujava Bootstrap e animazione caricamento pagina HTML e CSS 0
S Bootstrap e lightbox HTML e CSS 0
L ho un template Bootstrap, come lo personalizzo? HTML e CSS 1
W Centrare immagine con Bootstrap [era: Centrare div con bootstrap] HTML e CSS 2
W Problema bootstrap HTML e CSS 5

Discussioni simili