jquery消息提示插件:类vue element message组件功能

所属分类:UI-工具提示

 45817  393  查看评论 (7)
分享到微信朋友圈
X
jquery消息提示插件:类vue element message组件功能 ie兼容8

更新时间:2018/3/21 下午4:34:58

更新说明:修复padding导致的的不完全居中问题


1.调用方式

$('.btn-success').on('click',function(){
    $.message('成功');
})
$('.btn-danger').on('click',function(){
    $.message({
        message:'失败提示',
        type:'error'
    });
})
$('.btn-warning').on('click',function(){
    $.message({
        message:'警告提示',
        type:'warning'
    });
})
$('.btn-info').on('click',function(){
    $.message({
        message:'信息提醒',
        type:'info'
    });
})

2.参数介绍

message:' 操作成功',    //提示信息
time:'2000',           //显示时间(默认:2s)
type:'success',        //显示类型,包括4种:success.error,info,warning
showClose:false,       //显示关闭按钮(默认:否)
autoClose:true,        //是否自动关闭(默认:是)
相关插件-工具提示

jQuery网页新功能步骤引导

在网站上经常看到的网页新功能步骤引导
  工具提示
 31411  356

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 34915  312

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 42062  435

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 50587  407

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    迷途。 0
    2018/2/10 17:07:49
    js让元素居中那块 获取元素宽度 用outerwidth()应该就行了
        六晓0
        2018/3/21 16:36:15
        padding导致的 改了下代码 已提交审核
    回复
    迷途。 0
    2018/2/10 16:46:03
    算法有问题 并不是绝对居中
    回复
    Daisy 0
    2017/11/30 16:27:09

    IE8下会丢失符号的样式,动画也无效

        六晓0
        2017/12/1 10:49:42

        你有切换到messageIE吗 ie8 css3本来就不支持,我在写messageIE的时候是去掉动画的

        纯白0
        2018/8/27 10:48:42
        这个问题,我也存在,我在ie8下试了你的demo,也是有问题的
        纯白0
        2018/8/27 10:58:34

        这样引入js之后,可以自动消失,但是图标仍然是不显示的

        <!--[if !IE]><!-->
        <!--<![endif]-->
        <!--[if IE 8]>
        <![endif]-->
        <!--[if gte IE 9]>
        <![endif]-->
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复