Toastr folgt nicht den Optionen

Ja, ich weiß, es gibt eine Antwort auf die gleiche Frage am 22 Mai (vor einer Woche), aber ich habe die gleiche Lösung versucht, es ist vor dem eigentlichen "Aufruf" angegeben Das toastr-Skript habe ich sogar mit beiden versucht: und = aber ich kann das Problem nicht lösen.Toastr folgt nicht den Optionen

Der erste Code ist die ganze Seite, einschließlich des "Häkchens, ob ein Cookie gesetzt ist, wenn nicht, zeige toastr und setze ein Cookie" Skript.

Dieser funktioniert, außer den "Optionen". Es zeigt 2 toastr auf dem Bildschirm

<!DOCTYPE html><html><head><meta charset=utf-8> 

<link href="https://my.site.se/js/toastr.css" rel="stylesheet" type="text/css" /> 

<script src= "https://my.site.se/js/jquery-3.2.1.js"></script> 
<script src="https://my.site.se/js/toastr.js"></script> 
<!-- createCookie funktion --> 
<script> 

function createCookie(name,value,days) { 
    if (days) { 
     var date = new Date(); 
     date.setTime(date.getTime()+(days*24*60*60*1000)); 
     var expires = "; expires="+date.toGMTString(); 
    } 
    else var expires = ""; 
    document.cookie = name+"="+value+expires+"; path=/"; 
} 


</script> 
<script> 
<!-- see if the i agree cookie is set, else send them to the info page --> 

function readCookie(name) { 
    var nameEQ = name + "="; 

    var ca = document.cookie.split(';'); 
    for(var i=0;i < ca.length;i++) { 
     var c = ca[i]; 
     while (c.charAt(0)==' ') c = c.substring(1,c.length); 
     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 

    } 



toastr.options = { 
    "closeButton": true, 
    "debug": false, 
    "newestOnTop": false, 
    "progressBar": true, 
    "positionClass": "toast-top-left", 
    "preventDuplicates": false, 
    "showDuration": "300", 
    "hideDuration": "1000", 
    "timeOut": "5000", 
    "extendedTimeOut": "1000", 
    "showEasing": "swing", 
    "hideEasing": "linear", 
    "showMethod": "fadeIn", 
    "hideMethod": "fadeOut" 

} 



$(function() { 

toastr.options.closeButton: true; 
toastr.options.progressBar=true; 
toastr["error"]("We use Cookies!","Cookies!") 

}); 



$(function() {toastr["info"]("We have now created a cookie that prevents this information from being displayed again, unless you remove the cookie of course\n Read the terms page for more info\n To delete ALL your cookies, press the delete cookies button!")}); 


} 

</script> 
</Head> 
<body> 

<script> 
readCookie('acceptterms'); 
</script> 
<script> 
createCookie('acceptterms','yesIdo',3650); 
</script>

Der Code im Kopf ist, wenn ich es in den Körper legen Sie es überhaupt nicht funktioniert, habe ich sogar versucht:

$(function() {toastr.option.progressBar= true; 
toastr["error"]("We use Cookies!","Cookies!") 
});

ich habe auch versucht die

toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-top-left", "preventDuplicates": false, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }

im Körper zu setzen .. Und ein paar, die ich nicht einmal mehr erinnern kann .. ich kann einfach nicht verstehen, warum es so schwer ist th eingestellt e Optionen ...

Es wäre einfacher, wenn die Optionen im Skript geändert werden könnte, selbst, aber es gibt einige, die ich da nicht finden ..

Quelle

2017-05-30 JoBe

Sie die Optionen als drittes Argument festlegen wenn du den Toast anrufst.

Versuchen Sie dies in Ihrer Konsole:

toastr["error"]("We use Cookies!","Cookies!", {"progressBar": true,"closeButton": true, "positionClass": "toast-top-full-width"});

Auch, vielleicht sind Ihre Optionen nicht als readCookie (name) gelesen werden Funktion geschlossen wird nicht durch ein Semikolon

Quelle

2017-07-21 00:01:36 Ducker

Toastr folgt nicht den Optionen

Antwort

Verwandte Themen