一个小巧但可自定义的toast通知jQuery插件,允许在倒计时结束时自动将当前页面重定向到另一个URL。
1.插入主脚本通知.js
在jQuery之后。
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/notifications.js"></script>
2.初始化插件,并在JS数组中指定toast消息,如下所示:
// Single Toast Notification $.notification( ["This is a toast message"], { // options here } ) // Multiple Toast Notifications $.notification( ["Toast Message 1", "Toast Message 2"], { // options here } )
3.设置吐司通知的位置。
$.notification( ["This is a toast message"], { position: ['top', 'right'], } )
4.以毫秒为单位指定超时,这意味着toast消息将在此超时后自动解除。默认值:4000。
$.notification( ["This is a toast message"], { timeView: 5000, } )
5.指定通知类型:
$.notification( ["This is a toast message"], { messageType: 'success', } )
6.确定在toast消息被解除时是否自动重定向当前页面。
$.notification( ["This is a toast message"], { redirectAction: 'https://www.jqueryscript.net' } )