问题标签 [toastr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
21583 浏览

asp.net - 在 div 中居中 toastr 通知

我试图让我的toastr 通知出现在 div 的中间。我已经看到了一些建议,例如这个,但它基于整个窗口而不是在 div 中居中。

当 toastr 对表单上的元素一无所知时,是否可以将 toast 通知集中在表单元素中?

我最近的尝试是在页面中大致居中吐司,但我想将它放在某个 div 中。那可能吗?如果是这样,怎么做?

这是我的居中尝试:

在此处输入图像描述

0 投票
1 回答
991 浏览

jquery - 更新粘性 toastr 通知并以编程方式关闭

我想要一个持续的各种通知。我正在查询一堆记录,我希望它相当冗长。我想要的是弹出一个 toastr 通知,上面写着“正在检索 ( of ) 的详细信息”

然后,当它完成全部检索时,我希望通知淡出。

这会有多难?

0 投票
0 回答
2411 浏览

javascript - Toastr 未定义

我正在尝试在我的解决方案中实现 toastr。

我从添加 toastr 的帖子中制作了一个扩展方法:webforms

并得到错误:SCRIPT5009: 'toastr' is undefined

我在我的和我正在使用的项目中有参考资料,master page一切都很好。jQueryFoundation

当用户尝试插入空字符串时,我在代码中调用错误。

我所做的唯一更改是将 toastr.css 移出content folder并将其移动到我的样式文件夹中。我已经查看了toastr.js它是否在代码中引用它,但看不到contents folder任何地方。这是我出错的地方吗。

我刚刚打开 chrome 并在控制台窗口中输入toastr,它在页面上。

toastr.js第一行; (function (define) { define(['jquery'], function ($) { 中,因为我的文件夹在我的根目录上并且我toatsr在子文件夹中使用,我是否需要在前面放置一个反斜杠。toatsr我认为这可能是问题所在,怎么知道在哪里可以找到 jquery?

0 投票
1 回答
1007 浏览

javascript - 使用选项时,Toastr 不会触发

我正在尝试使用toastr js library

我包括了 toastr.js、toastr.css 和 toastr-responsive.css 这行得通:

但这不起作用。而且我在浏览器控制台中没有任何错误:

原因是什么?

0 投票
5 回答
143126 浏览

javascript - 如何实现 Toastr JS?

我是 JS 新手,不知道如何在我的页面上进行这项工作。下面是我所拥有的。我必须如何制作这个警报节目?

我正确添加了源,但不确定如何呈现警报。

0 投票
4 回答
86291 浏览

jquery - 更改 toastr 通知的位置类

我正在尝试在 div 点击时更改我的 toast 的位置类。

positionclass: 没有改为底部。?我在这里想念什么?

以及如何使用

toastr.optionsOverride = 'positionclass:toast-bottom-full-width';

更新 1

调试后我注意到来自 toastr.js 的 getOptions 方法将 'positionclass:toast-bottom-full-width' 覆盖为 'toast-top-right'

更新 2 toastr.js 中的第 140 行未成功将 m optionsOverride 扩展为 options.??

更新 3 职位问题已得到修复,但我必须提及 3 次职位类别,如下所示。我确信有一种噪音较小的方法可以实现这一目标。

0 投票
3 回答
25929 浏览

notifications - Toastr:如何防止鼠标悬停时粘糊糊的吐司淡出?

我一直在玩 toastr 并成功地将超时设置为 0,因此 toast 保持粘性,但是当我将鼠标移出 toast 时,toast 消失了。我想覆盖它,所以只有当用户点击它时吐司才会消失 - 非常适合带有大量文本的吐司。如何才能做到这一点?

0 投票
5 回答
22309 浏览

toastr - 设置烤面包机不透明度?

有没有办法改变它?我尝试将 toastClass 定义为不透明度设置为 1 的类,但没有看到任何变化:

0 投票
1 回答
2241 浏览

node.js - 什么使打字稿模块,打字稿模块?烤面包机示例

我只是toastrjs用于一些通知,我遇到了这个小问题。理想情况下,当您在 nodejs 中导入库时,您必须做出import声明,如下所示:

但是,当我尝试使用 时toastr,即使包含参考路径,也会出现错误。所以,像这样:

我收到此错误:

toastr常规节点模块有何不同http

更新 1

我试图做同样的事情,jQuery但我有同样的问题,这是否意味着这不适用于设计为客户端的框架?

0 投票
1 回答
4357 浏览

javascript - 在 Toastr 中显示错误和异常,或使用 MVC4 和实体框架的类似方法

我正在尝试找到一种方法来使用 Toastr 在我的应用程序中发生异常或错误时向用户显示错误。我遇到的问题似乎表明在控制器中发生异常,或者使用 Toastr 在当前视图中显示的数据访问层是不可能的。

我想知道你们中是否有人遇到过这种情况以及您的解决方案是什么?

我想要完成的是,只要有未处理的异常,或者有人手动处理异常,我们就有能力在不中断工作流程的情况下向用户显示错误。有人向我建议了 Toastr,但完全是 javascript,我不确定在我的 MVC4 应用程序中实现它的最佳方式。

我正在探索的一个选项是设置我的默认索引控制器来处理传入的错误字符串,以便我可以从 Global.asax.cs 中的 Application_Error 方法重定向到它,以便提供友好的重定向,然后如果传入字符串不为空,那么我可以在索引视图上使用 toastr。然而,这并不理想,因为它需要重定向,并且会破坏工作流程。此外,它不允许我在不引发异常或在 javascript 中进行所有错误处理的情况下显示错误。

其他重要信息是我们正在使用 Telerik Kendo UI 和 Razor 语法,如果这对我有任何帮助的话。