Toastr 不会遵循这些选项答案

【问题标题】：Toastr won't follow the optionsToastr 不会遵循这些选项
【发布时间】：2023-03-15 15:17:01
【问题描述】：

是的，我知道，5 月 22 日（一周前）有相同问题的答案，但我尝试了相同的解决方案，它是在实际“调用” toastr 脚本之前指定的，我已经甚至尝试了 : 和 = 但我无法解决问题。

第一个代码是整个页面，包括“检查是否设置了cookie，如果没有，则显示toastr并设置cookie”脚本。

除“选项”外，此选项有效。它在屏幕上显示 2 个烤面包机

<!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>

代码在头部，如果我将它放在正文中，它根本不起作用，我什至尝试过：

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

我也试过设置

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

在体内.. 还有一些现在想不起来了。。我就是不明白为什么设置选项这么难……

如果可以在脚本本身中更改选项会更容易，但有些我在里面找不到..

【问题讨论】：

标签： javascript toastr

【解决方案1】：

您可以在调用 toast 时将选项设置为第三个参数。

在您的控制台中试试这个：

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

另外，也许你的选项没有被读取，因为 readCookie(name) 函数没有被分号关闭

【讨论】：