问题标签 [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 投票
1 回答
5638 浏览

javascript - Rails 4 - Toaster 通知而不是 Flash 通知

我正在使用这个库(https://github.com/CodeSeven/toastr)并且我正在尝试将我的 Flash 通知推送到 Toastr 为我提供的 javascript 函数。如何为每个错误或通知调用此函数?

这是用于制作烤面包机通知的方法之一:

我尝试在 ApplicationController 中创建一个方法,看看是否可以在 CanCan 的默认错误上调用该方法。我有各种版本的方法,但没有一个有效。

然后我尝试在 CanCan 块中使用此方法:

我认为这是可能的,但我只是不确定如何实现它。没有多少人尝试这样做,这可能是有原因的。我愿意接受任何关于如何做我想做的事情的建议。

这是一个实现 Toast 通知的测试应用程序:http: //codeseven.github.io/toastr/demo.html

0 投票
1 回答
6842 浏览

javascript - 使用可选的自定义功能 onclick 扩展单个 toastr 创建

我收到了有关单击 a 时如何反应的消息toast,因此我决定将其发布在此处以供所有人使用。

当用户单击时,toast我并不总是希望消息消失,而是取决于我想要的消息类型:

  • 消失。
  • 将用户重定向到不同的页面(x es /meetings/210)显示一个jquery对话框(例如:显示收到的短信)。

使用基本的点击事件我无法检测到toast我点击了。我发现的唯一解决方法是在 toast 中添加一个链接,并在用户单击它时进行重定向。

所以我要问的是一种通过使用基本点击事件来获取用户点击的当前 toast 的方法(但这可能需要更多的工作来隐藏 toast 中的数据以在点击时恢复它以了解要做什么),或者通过向创建 toast 的函数添加单击时对函数的可选回调,如下所示:

感谢您提供这个非常好的图书馆。

0 投票
2 回答
8860 浏览

javascript - 在 toastr 中使用超时

大多数 toastr 演示只是客户端。

如果我得到这个 json 数据的服务器推送

我将如何使用 toastr 阅读项目并为 1 和 2 发布“信息”,为 3 发布“警告”,右下角是可以的。我想在吐司之间延迟 2000 年,这样吐司就不会同时出现。

你能指出我显示类似内容的示例吗?烤面包机可以做到这一点。某种意义上的定时消息传递。

0 投票
3 回答
12250 浏览

javascript - 带有 AJAX 的烤面包机

我正在尝试从通过 AJAX 检索的 JSON 中获取要显示的 toastr 消息。这必须能够更改警报的类型及其内容。我对 JSON 不太聪明,在阅读了一段时间后,我仍然不知道从哪里开始。任何指针?

阿贾克斯:

烤面包机:

0 投票
3 回答
18427 浏览

jquery - 关闭按钮的粘性 toastr onclick 事件

有没有一种方法可以在用户单击通知或单击关闭按钮后执行操作?目前我可以使用 options.onclick 事件来做第一个选项。但是我看不到如何在关闭按钮上执行此操作。或者有没有一种方法可以在通知淡出时执行我的操作?

0 投票
3 回答
6695 浏览

css - 完全删除 Toastr.js 中的不透明度?

有没有办法完全消除 Toastr.js 的透明度?我试图更改 .less 文件上的各个行

以及它声明不透明度(x)的每个地方,其中 x 不是 1,但它仍然显示不透明度。

我还尝试在我自己的 CSS 上添加以下几行

但我仍然得到 div 消息显示的半不透明性。鼠标悬停时,div 颜色变满(没有透明度)。我试图始终让它全彩(没有透明度)。

0 投票
1 回答
831 浏览

asp.net-mvc-3 - toastr js 没有显示 toasts

我正在使用 toastr.js 进行通知,我的下拉代码是

在网站打字稿中是

但问题是我看不到敬酒,一旦我实施

它的工作很好,你能告诉我订阅代码有什么问题吗?

谢谢

0 投票
3 回答
1119 浏览

php - php echo 不断在新选项卡中打开,而不是在 jquery 通知 toastr.js 中

我似乎无法在我的代码中找到问题。我希望 php 文件中的验证触发 jquery 通知插件“toastr”,但是,php echo 会继续将 php 文件消息状态发布到新选项卡。我做错了什么,如何让消息出现在通知中,而不是?我的学校网站的实时版本在这里:赖特州立大学 BMES 网站,提交联系我们表格时可以复制该问题。先感谢您 :)

HTML:

PHP:

Javascript:

0 投票
1 回答
3768 浏览

toastr - 用requirejs未定义的toastr

我正在将带有 require.js 的 toastr.js 加载到我的 Angular 项目中,但是它不能作为全局变量使用。

这是 main.js:

引导.js:

这是 app.js 中需要的模块。它依赖于 toastr:

我看到 toastr.js 已加载,但它不是作为全局变量创建的。所以 window.toastr 是未定义的。我正在垫片中的 toasr 中导出...

任何想法为什么 taostr 不能作为全局变量使用?

谢谢

0 投票
1 回答
23452 浏览

javascript - 以 AngularJS 的方式使用 toastr

目前,我只是toastr.success('my message')在需要时在控制器内调用。这工作很好,但对我来说感觉有点脏。

是否有使用toastr.js 库的“最佳实践”或推荐的“angularjs”方式?