Jquery通知组件
2020-09-24 10:40
1821 查看
Jquery通知组件(类似于ElementUI的通知)
引入方式见
https://www.jq22.com/jquery-info476
toastr.options = { "closeButton": true, "debug": false, "positionClass": "toast-bottom-left", "onclick": null, "showDuration": "200", "hideDuration": "1000", "timeOut": "20000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }; toastr.info(nodeDetail);
$(function(){ //参数设置,若用默认值可以省略以下面代 toastr.options = { "closeButton": false, //是否显示关闭按钮 "debug": false, //是否使用debug模式 "positionClass": "toast-top-full-width",//弹出窗的位置 "showDuration": "300",//显示的动画时间 "hideDuration": "1000",//消失的动画时间 "timeOut": "5000", //展现时间 "extendedTimeOut": "1000",//加长展示时间 "showEasing": "swing",//显示时的动画缓冲方式 "hideEasing": "linear",//消失时的动画缓冲方式 "showMethod": "fadeIn",//显示时的动画方式 "hideMethod": "fadeOut" //消失时的动画方式 }; //成功提示绑定 $("#success").click(function(){ toastr.success("祝贺你成功了"); }) //信息提示绑定 $("#info").click(function(){ toastr.info("这是一个提示信息"); }) //敬告提示绑定 $("#warning").click(function(){ toastr.warning("警告你别来烦我了"); }) //错语提示绑定 $("#error").click(function(){ toastr.error("出现错误,请更改"); }) //清除窗口绑定 $("#clear").click(function(){ toastr.clear(); }) });
相关文章推荐
- jQuery Easy UI Resizable(调整大小)组件
- 12、jquery的tree组件
- 利用Jquery的AjaxUpload组件实现头像异步上传并回显
- [置顶] 下拉列表选择移动组件(jquery)
- Android应用程序组件Content Provider的共享数据更新通知机制分析
- jQuery图片拖动组件Dropzone用法示例
- Android应用程序组件Content Provider的共享数据更新通知机制分析(1)
- Asp.Net Core MVC利用视图组件和JQuery动态加载列表
- AjaxFileUpload文件上传组件(php+jQuery+ajax)
- 基于jQuery的TreeGrid组件详解
- jquery-ui 手风琴组件Accordion学习(可上下拖拽)
- jQuery写组件适当暴露
- jQuery组件的写法
- Tomcat 8中组件生命周期的管理以及事件通知模型
- jquery bootstrap-select多选组件使用指南
- JQuery 日程管理组件 FullCalendar 文档
- 组件接口(API)设计指南[4]-通知(Notifications)
- Android应用程序组件Content Provider的共享数据更新通知机制分析
- jQuery响应式匹配高度组件:matchHeight
- Jquery分页组件