Toastmessage 的使用

一：jquery.toastmessage.js 概述

toastmessage.js 是jQuery插件提供的消息通知提示框。有着较好的用户体验，它有四种不同的消息类型：notice(通知) success(成功) warning(警告)error(错误)。
具体说明参考官方文档：https://github.com/akquinet/jquery-toastmessage-plugin/wiki

二：具体使用

第一步：搭建环境，引入需要的文件

   ①. 在web动态项目中首先要载入jQuery的js文件(此插件需要jQuery的支持);   ②. 引入jquery.toastmessage.js (源码文件);   ③. 引入jquery.toastmessage.css (需要的样式文件);   ④. 自定义自己项目中需要的js（如：textMessage.js）文件.       

第二步：调用相应的方法
在textMessage.js中定义消息类型以及提示消息内容：

// 成功消息function showSuccessToast(){    $().toastmessage('showSuccessToast', 'This is Sussess Toast');}以上是以Success为例说明：    showSuccessToast() 为事件触发的方法名；    showSuccessToast 为调用jquery.toastmessage.js 中 成功消息的方法；    This is Sussess Toast 为提示消息的内容。    其他notice，warning, error使用方法一致。

测试效果：

当然，除了使用默认效果的之外，还可以对方法的属性进行自定义，还是以success为例：

//自定义成功消息function showStickySuccessToast(){    myToast = $().toastmessage('showToast', {        stayTime: 3000,        text: 'Success Dialog which is sticky',        sticky: true,        position: 'middle-right',        type: 'success',        closeText: '',        close: function(){            console.log("toast is closed...");        }    });}

自定义可以对显示的位置，停留的时间，提示内容，类型，关闭按钮，关闭后的回调函数等设置。
最后还有一个移除方法：

//移除消息function removeToast(){    $().toastmessage('removeToast', myToast);}移除方法可以对名为 “myToast” 的方法进行从页面中移除操作。