totastmessage 触发事件后浮框消失的方法

1. 前言

　　通过查了官放的文档，发现没有 totastmessage 触发事件后，浮框消失的方法，然后通过研究了下点击关闭时的源码，得到了一个的解决方案。

2. 样例代码如下

$("#drop_select").change(function (){
 　　var a;
　　//触发某个条件，一直显示该toast	    	
　　a= $().toastmessage('showToast', {
		text     : 'Just a moment, I am a sticky toast!,
		sticky   : true , 
		type     : 'notice'
		});
　　//事件成功完成了
　　$.ajax({
   　　 ...
　　　　success: function(msg) {
   　　　　a.parent().remove();
　　　　}
　　});
});

说明：变量a，可以根据需要放在不同地方，保证其作用域的范围即可。而且假如多次触发$("#drop_select").change()这个事件，变量a并不会混淆误用，可以正常地独立完成每一次触发事件。

3. 参考源码的部分

removeToast: function(obj, options)
{
　　obj.animate({opacity: '0'}, 600, function()
　　{
　　　　obj.parent().animate({height: '0px'}, 300, function()
　　　　{
	obj.parent().remove();
	});
　　});
    // callback
    if (options && options.close !== null)
    {
         options.close();
     }
}

4.总结

源码很简短，使用方法的文档也就只有一页，多看看源码，还是很有趣的。

toastmessage文档地址：https://github.com/akquinet/jquery-toastmessage-plugin/wiki