2016-04-04 18 views
2

Başarı veya hata mesajlarını bildirmek için gritter.js kullanıyorum. Çalışır, ancak "X" yakın simgesi gizli kalır. Öğenin CSS kurallarını kontrol ederim, hepsi doğru, ancak hiçbir etkisi yok. <a style="display: none;" class="gritter-close" href="#" tabindex="1">Close Notification</a>jQuery gritter eklentisi close icon gizli kalır

Ve css kuralları şunlardır:

<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; 
    } 

js gibi bir simge üretmez

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

//applied onhover 
elemento { 
    display: block;} 

cevap

0

biraz geç belki ama sen as şablonu olarak kullandığınız böylece olabilir iyi.

Son zamanlarda aynı problemi yaşadım. Çıktıran şablonun, gritter close icon'un font boyutunu sıfıra ayarlayan bir css kuralı vardır. Sadece bu css kuralını geçersiz kılmak benim için sorunu çözdü.

+0

Evet, doğru. Sorunu söylediğin gibi çözdüm. Şablon css'nin eski bir sürümünü kullanıyordum. Bu kuralı güncellemek iyi çalışıyor. – bany