totastmessage 触发事件后浮框消失的方法
2023-09-11 14:18:07 时间
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
相关文章
- 全部对于Unity3D中 NGUI 触发事件的监听方法
- window.onpopstate事件和history
- vue.js--基础 事件结合双向数据绑定实现todolist,增加和删除功能
- 19 一个按钮调用两个方法,事件中的event对象
- 一个Navi过程下多个DocumentCompleted事件问题的解决的方法
- 猴子也能学会的jQuery第六期——jQuery事件(中)
- 模拟键盘鼠标事件
- Vue - 监听 Input 框回车事件
- 聚焦开放数据:全球恐怖袭击事件数据库
- Qt-事件过滤器eventFilter概念及使用方法实例
- 委托、Lambda表达式、事件系列04,委托链是怎样形成的, 多播委托, 调用委托链方法,委托链异常处理
- jQuery 事件 - unload 方法
- css的hover事件,如果点击之后通过js操作样式,hover事件就会失效的处理方法,外部css样式与js的DOM样式谁的权重高?
- vue--父组件向子组件传参--父组件定义v-bind:参数名--子组件接收props----子组件调用父组件的方法(子组件向父组件传参)父组件@事件名称--子组件接收this.$emit
- vue---向后台添加数据--删除数据--事件方法传参---在单页面配置url请求地址--暂时没有用到webpack
- js模拟键盘事件
- 我的Android进阶之旅------>Android中ListView中嵌套(ListView)控件时item的点击事件不起作的问题解决方法
- 关于在Android中添加事件监听器的方法
- 使用float:left后,点击事件不生效解决方法
- 在XcodeGhost事件之后,获取更纯净的Xcode的方法。
- spring容器加载完毕做一件事情(利用ContextRefreshedEvent事件)
- JavaScript 取消默认事件、阻止事件冒泡的方法
- android studio 添加按钮点击事件的三种方法
- jquery阻止事件冒泡的方法
- 2016年度SAP十大事件回顾
- 按钮事件