个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
是的，我知道，5 月 22 日(一周前)有相同问题的答案，但我尝试了相同的解决方案，它是在实际“调用”toastr 脚本之前指定的，我已经甚至尝试了 : 和 = 但我无法解决问题。
第一个代码是整个页面，包括“检查是否设置了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 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" }
在 body 里..还有一些我现在已经想不起来了..我只是不明白为什么设置选项这么难......
如果可以在脚本本身中更改选项会更容易，但有些我在那里找不到..
最佳答案
您可以在调用 toast 时将选项设置为第三个参数。
在控制台中尝试一下:
toastr["error"]("We use Cookies!","Cookies!", {"progressBar": true,"closeButton": true, "positionClass": "toast-top-full-width"});
此外，也许您的选项没有被读取，因为 readCookie(name) 函数没有用分号结束
关于javascript - Toastr 不会遵循这些选项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44257138/
24
4
0
如何在 toastr 中显示多行错误消息？ 我已经格式化了我的错误消息，如下所示 "Please fix the following: \r\nFirst Name is required\r\nLa
在 toastr 消息中，我有几个图标在彼此之上。这是它的样子: 我的代码很简单，我在 Ajax 调用后使用 toastr: success : function(reponse) {
有什么办法可以改变吗？我尝试将 toastClass 定义为不透明度设置为 1 的类，但没有看到任何变化: .toast-style{ opacity: 1; } toastr.options.
我正在使用 ngx-toastr图书馆。我正在启动位于屏幕顶部中央的消息，如下所示: @Injectable() export class MessageService { construct
我正在使用 Angular toastr 并且我坚持在隐藏上一个 toastr 和显示下一个 toastr 之间传递延迟。一次应该只有一个 toastr 。我隐藏并显示它，但没有视觉差异，并且 toa
我正在使用 toastr jquery 插件。下面是链接 https://github.com/scottoffen/jquery.toaster 我在这里面临两个问题 目前点击按钮时会显示多个通知(
我正在尝试 toastr，但我不断收到一个奇怪的 TypeError，这对我来说没有任何意义。 TypeError: Cannot read property 'extend' of undefine
我正在使用 angular2-toaster在我的 Angular 应用中 很简单， 在组件模板中定义 toastr 容器 并且您使用 ToasterService 类型的 toasterServi
我想使用toastr来通知用户。我已关注this设置指南。但我收到错误消息:Uncaught TypeError: toastr is not a function。我查看了网络选项卡，文件加载正确。
我正在尝试将 toastr 带入我的应用程序中。我做了一些非常简单的事情: bundles.Add(new ScriptBundle("~/Content/example-scripts")
shared.module.ts import { animate, state, style, transition, trigger } from '@angular/animations'; i
我在 Angular 6 中使用 ngx-toastr 进行 http 错误通知，就像在 httpInterceptor 中注入(inject) ToastrService export cl
我安装了react-toastr并集成了示例代码。 import React from 'react' import { ToastContainer } from 'react-toastr'; c
下面的代码会弹出一个 toastr : function showMessage(code, type) { ConfigService.getErrorMessage(cod
我正在使用 typescript 创建一个非常简单的 Web 应用程序。现在，它要做的就是创建一个矩形并显示该区域的信息提示。不幸的是， toast 从未出现。该代码行已执行，并且 Internet
我喜欢用 toastr 做的事情，但我似乎无法让它发挥作用。 来自官方页面... (1) Link to toastr.css (2) Link to toastr.js (3) Use toastr
从应用程序注销后，我必须显示 toastr 。这就是我正在尝试的。在这里，我在注销方法后调用 toastr 。 _this.logout().then({ success: function (r
我是 Angular js 的新手。我正在尝试显示错误消息 View toaster() .我在谷歌上搜索，但没有找到正确的结果。当我点击 cancel()按钮，我会收到一条错误消息，提示 toast
我正在尝试使用 Toastr 通知 ( https://github.com/CodeSeven/toastr )。它们工作正常，但问题是它们只出现在右上角。我可以更改位置的任何内容，但它们将始终显示
我正在使用 toastr js 插件 - toastr - 并更改了 css 颜色，但是，我不知道如何创建正确的 png/base64 部分？ 原文: .toast-info { backgrou
我是一名优秀的程序员,十分优秀！