jquery通知插件toastr

所属分类:UI-对话框和灯箱,反馈

 238752  612  查看评论 (31)
分享到微信朋友圈
X
jquery通知插件toastr ie兼容8

使用方法

3个简单步骤

对于其他API调用,看到演示。

<link href="toastr.css" rel="stylesheet"/>
<script src="toastr.js"></script>
//显示一个信息没有标题
toastr.info('Are you the 6 fingered man?')


其他选项

/显示一个警告,没有标题

toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')

//显示一个成功,标题

toastr.success('Have fun storming the castle!', 'Miracle Max Says')

/显示错误标题

toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')

//清除当前的列表

toastr.clear()
相关插件-对话框和灯箱,反馈

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

    ╈许诺 0
    2018/12/30 18:21:45
    为什么我用服务器控件没效果?谁能告诉我 回复
    灵海里的树 0
    2018/11/2 11:18:32

    这个插件不错

    toastr.success('Have fun storming the castle!')
       clear_toastr(1600);
    
       // 动态设置消息提示时间
       function clear_toastr(time){
           setTimeout(
               function(){ 
                   toastr.clear();
           }, time);
       }
    回复
    0
    2018/8/8 9:29:43
    为什么我使用了没有背景颜色。心塞塞。
        0
        2018/8/8 9:34:38
        引用错误了。心塞塞??
        西瓜0
        2018/8/8 10:11:46
        检查引用地址,调用顺序,jquery版本,一般都是这些问题了。
    回复
    萧^_^萧 0
    2018/5/14 10:33:43
    这个插件怎么获得文本内容? 回复
    取个名字真难a 0
    2018/2/7 11:19:18
    1、这个如何设置 取消自动消失功能?
    2、这个能有询问功能吗?就是 询问是否确定删除 这种操作?
        小黑?0
        2018/5/9 15:32:35
        的确啊
    回复
    广州金城武已认证 0
    2017/8/22 19:11:39

    Uncaught TypeError: Cannot read property 'extend' of undefined,请问一下,报这种错误是因为什么?

        卡卡0
        2018/5/10 10:47:39
        引入js文件时位置太靠前,放最后
    回复
    syk123456 0
    2017/8/21 16:09:35

    怎么通过点击空白处,让消息提示消失呢?

    回复
    背着棺材跳舞 0
    2017/5/18 12:44:25

    怎么跟seajs模块化加载,一直报错

    回复
    青城峰 0
    2017/3/15 17:55:12

    很不错,谢谢楼主分享!

    回复
    0
    2016/12/12 17:12:47
    希望该插件 加入 confirm ...需要用到这个对话框的时候 只能用自带的....提示框 好丑啊
        CC110011000
        2017/1/2 23:01:52

        confirm是阻塞式的,toastr is a Javascript library for non-blocking notifications.

        https://github.com/CodeSeven/toastr

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复