问题标签 [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.
javascript - Rails 4 - Toaster 通知而不是 Flash 通知
我正在使用这个库(https://github.com/CodeSeven/toastr)并且我正在尝试将我的 Flash 通知推送到 Toastr 为我提供的 javascript 函数。如何为每个错误或通知调用此函数?
这是用于制作烤面包机通知的方法之一:
我尝试在 ApplicationController 中创建一个方法,看看是否可以在 CanCan 的默认错误上调用该方法。我有各种版本的方法,但没有一个有效。
然后我尝试在 CanCan 块中使用此方法:
我认为这是可能的,但我只是不确定如何实现它。没有多少人尝试这样做,这可能是有原因的。我愿意接受任何关于如何做我想做的事情的建议。
这是一个实现 Toast 通知的测试应用程序:http: //codeseven.github.io/toastr/demo.html
javascript - 使用可选的自定义功能 onclick 扩展单个 toastr 创建
我收到了有关单击 a 时如何反应的消息toast
,因此我决定将其发布在此处以供所有人使用。
当用户单击时,toast
我并不总是希望消息消失,而是取决于我想要的消息类型:
- 消失。
- 将用户重定向到不同的页面(x es /meetings/210)显示一个
jquery
对话框(例如:显示收到的短信)。
使用基本的点击事件我无法检测到toast
我点击了。我发现的唯一解决方法是在 toast 中添加一个链接,并在用户单击它时进行重定向。
所以我要问的是一种通过使用基本点击事件来获取用户点击的当前 toast 的方法(但这可能需要更多的工作来隐藏 toast 中的数据以在点击时恢复它以了解要做什么),或者通过向创建 toast 的函数添加单击时对函数的可选回调,如下所示:
感谢您提供这个非常好的图书馆。
javascript - 在 toastr 中使用超时
大多数 toastr 演示只是客户端。
如果我得到这个 json 数据的服务器推送
我将如何使用 toastr 阅读项目并为 1 和 2 发布“信息”,为 3 发布“警告”,右下角是可以的。我想在吐司之间延迟 2000 年,这样吐司就不会同时出现。
你能指出我显示类似内容的示例吗?烤面包机可以做到这一点。某种意义上的定时消息传递。
javascript - 带有 AJAX 的烤面包机
我正在尝试从通过 AJAX 检索的 JSON 中获取要显示的 toastr 消息。这必须能够更改警报的类型及其内容。我对 JSON 不太聪明,在阅读了一段时间后,我仍然不知道从哪里开始。任何指针?
阿贾克斯:
烤面包机:
jquery - 关闭按钮的粘性 toastr onclick 事件
有没有一种方法可以在用户单击通知或单击关闭按钮后执行操作?目前我可以使用 options.onclick 事件来做第一个选项。但是我看不到如何在关闭按钮上执行此操作。或者有没有一种方法可以在通知淡出时执行我的操作?
css - 完全删除 Toastr.js 中的不透明度?
有没有办法完全消除 Toastr.js 的透明度?我试图更改 .less 文件上的各个行
以及它声明不透明度(x)的每个地方,其中 x 不是 1,但它仍然显示不透明度。
我还尝试在我自己的 CSS 上添加以下几行
但我仍然得到 div 消息显示的半不透明性。鼠标悬停时,div 颜色变满(没有透明度)。我试图始终让它全彩(没有透明度)。
asp.net-mvc-3 - toastr js 没有显示 toasts
我正在使用 toastr.js 进行通知,我的下拉代码是
在网站打字稿中是
但问题是我看不到敬酒,一旦我实施
它的工作很好,你能告诉我订阅代码有什么问题吗?
谢谢
php - php echo 不断在新选项卡中打开,而不是在 jquery 通知 toastr.js 中
我似乎无法在我的代码中找到问题。我希望 php 文件中的验证触发 jquery 通知插件“toastr”,但是,php echo 会继续将 php 文件消息状态发布到新选项卡。我做错了什么,如何让消息出现在通知中,而不是?我的学校网站的实时版本在这里:赖特州立大学 BMES 网站,提交联系我们表格时可以复制该问题。先感谢您 :)
HTML:
PHP:
Javascript:
toastr - 用requirejs未定义的toastr
我正在将带有 require.js 的 toastr.js 加载到我的 Angular 项目中,但是它不能作为全局变量使用。
这是 main.js:
引导.js:
这是 app.js 中需要的模块。它依赖于 toastr:
我看到 toastr.js 已加载,但它不是作为全局变量创建的。所以 window.toastr 是未定义的。我正在垫片中的 toasr 中导出...
任何想法为什么 taostr 不能作为全局变量使用?
谢谢
javascript - 以 AngularJS 的方式使用 toastr
目前,我只是toastr.success('my message')
在需要时在控制器内调用。这工作很好,但对我来说感觉有点脏。
是否有使用toastr.js 库的“最佳实践”或推荐的“angularjs”方式?