zoukankan      html  css  js  c++  java
  • 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

      

  • 相关阅读:
    自主问题--KMP算法
    题解--luogu--CSP2019.S.Day2.T4--Emiya 家今天的饭
    浅谈——RMQ
    浅谈——LCA
    NOIP(si le)或者CSP初赛之——前序中序后序,前缀中缀后缀
    浅说——查分约束
    浅说——tarjan
    C++ RQNOJ 星门龙跃
    C++ 洛谷 1261:【例9.5】城市交通路网
    刷题
  • 原文地址:https://www.cnblogs.com/fanbi/p/7142008.html
Copyright © 2011-2022 走看看