2013-07-14 17 views
26

Czy istnieje sposób, aby to zmienić? Próbowałem definiowania toastClass jako klasa z kryciem ustawionym na 1, ale widzieliśmy żadnych zmian:Ustawianie krycia toastr?

.toast-style{ 
    opacity: 1; 
} 

toastr.options.toastClass = 'toast-style'; 

Odpowiedz

45

Brak JavaScript wymagane dla tego produktu. Powinieneś być w stanie zmienić w CSS stosując albo

#toast-container > div { 
    opacity:1; 
} 

lub

.toast { 
    opacity: 1 !important; 
} 
+2

Dobre rozwiązanie w większości przypadków. Ale czy można to zrobić w oparciu o przesłanie wiadomości? Wyobraźmy sobie, że większość zastosowań wywołania toastr na stronie jest w porządku, ale jeśli użytkownik robi to coś specjalnego, chcemy pokazać to głośno i dumnie (nieprzejrzyste) i czekać, aż je zamkną. – mmcrae

+1

'! Important' jest prawie zawsze złe – Madbreaks

1

Musiałem to zrobić dla pojedynczego toastr więc poszedł tą drogą:

toastr.options = { 
    ... 
}; 

toastr.info(
    'All of my favorite singers have stolen all of my best lines', 
    'The Title' 
); 

$('#toast-container').addClass('nopacity'); 

... a następnie ...

#toast-container.nopacity > div { 
    opacity: 1; 
} 
0
#toast-container > div { 
    opacity: 1; 
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
    filter: alpha(opacity=100); 
} 

Test Working Example;