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

时间:2023-06-07 17:58:56

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