jQuery Gritter Plugin schließen Symbol bleibt versteckt

Question

Ich benutze gritter.js, um Erfolg oder Fehlermeldungen zu notifizieren. Es funktioniert, aber das "X" -Symbol bleibt verborgen. Ich überprüfe die CSS-Regeln des Elements, sie sind in Ordnung, haben aber keine Auswirkungen.

<script src="/components/jquery.gritter/js/jquery.gritter.js"></script> 
<link rel="stylesheet" href="/components/jquery.gritter/css/jquery.gritter.css" /> 

    /*some other code*/ 
    switch (window.location.hash) { 
    case "#success": 
    $.gritter.add({ 
     title: 'Molto bene!', 
     text: "L'operazione è stata eseguita con successo!", 
     sticky: true, 
     class_name: 'gritter-success gritter-light' 
    }); 
    break; 
    case "#error": 
    $.gritter.add({ 
     title: 'Oops!', 
     text: "Qualcosa è andato storto. L'operazione non è stata eseguita!", 
     class_name: 'gritter-error gritter-light' 
    }); 
    break; 
    } 

Die js produzieren ein Symbol wie: <a style="display: none;" class="gritter-close" href="#" tabindex="1">Close Notification</a>

Und die CSS-Regeln sind:

.gritter-light .gritter-close { 
    background-image: none; 
    color: #444;} 

//applied onhover 
elemento { 
    display: block;} 

Answer 1

Ein wenig spät vielleicht, aber es könnte so sein, dass Sie die Ass Vorlage verwenden als Gut.

Ich hatte das gleiche Problem in letzter Zeit. Stellt sich heraus, dass Ace-Vorlage eine Css-Regel hat, die die Schriftgröße des Symbols stritter close auf Null setzt. Einfach überschreiben, dass CSS-Regel das Problem für mich behoben.