插件描述：提供类似element ui message组件的消息提示弹框
参数详解：
message:' 操作成功', //提示信息 duration:'5000', //显示时间（默认：5s） type:'info', //显示类型，包括4种：success.error,info,warning 默认info showClose:false, //显示关闭按钮（默认：否） center:true, //页面竖直居中（默认：否） onClose:function, //点击关闭回调函数
调用方式：
$('.btn-info').on('click',function(){
$.message({
message:'信息提醒',
type:'info'
});
})
$('.btn-success').on('click',function(){
$.message({
message:'成功提示',
type:'success'
});
})
$('.btn-warning').on('click',function(){
$.message({
message:'警告提示',
type:'warning',
duration:0,
showClose:true,
center:true,
onClose:function(){alert('知道了')}
});
})
$('.btn-danger').on('click',function(){
$.message({
message:'失败提示',
type:'error'
});
})
PREVIOUS:
NEXT:
相关插件-对话框,工具提示
讨论这个项目（17）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
柠萌 1
2021/9/7 21:25:23
加上鼠标悬停清空定时器 移走打开定时器 这样就跟vue-element 的message一样了我们需求也这样，所以稍微改一下
if (options.duration != 0) {
var timer;
timed();
function timed() {
timer = setTimeout(function() {
!isIE() ? (ele && ele.remove()) : (ele && ele.removeNode());
}, options.duration || 5000)
}
$('.toast-message').hover(function() {
clearTimeout(timer)
}, function() {
timed();
});
}
世密不是蜜0
2021/10/9 23:50:16
-
还有这好事
欺负小胖子0
2024/7/16 14:42:38
-
还有这好事
白色 1
2020/9/1 15:45:45
加上鼠标悬停清空定时器 移走打开定时器 这样就跟vue-element 的message一样了我们需求也这样，所以稍微改一下
if (options.duration != 0) {
var timer;
timed();
function timed() {
timer = setTimeout(function() {
!isIE() ? (ele && ele.remove()) : (ele && ele.removeNode());
}, options.duration || 5000)
}
$('.toast-message').hover(function() {
clearTimeout(timer)
}, function() {
timed();
});
}
回复
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
