Toastr 不会遵循选项

是的，我知道，在22月前(一周(上有一个相同问题的答案，但是我尝试了相同的解决方案，它是在实际的"调用"之前指定的对于Toastr脚本，我什至尝试了两者：and =我无法解决问题。

第一个代码是整个页面，包括"检查是否设置了cookie，如果不是设置cookie，请显示toastr并设置cookie"脚本。

除了"选项"外，这也有效。它在屏幕上显示2个TOASTR

<!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 coursen Read the terms page for more infon 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" }

体内..还有一些我什至不记得了。我只是不明白为什么很难设置选项...

如果可以在脚本本身中更改选项，那会更容易，但是我在那里找不到一些。

呼叫吐司时可以将选项设置为第三个参数。

在您的控制台中尝试一下：

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

另外，也许您的选项没有被读取，因为 readcookie(name(函数不会被半结肠

关闭

相关内容

最新更新

热门标签：