jquery下div 的resize事件示例代码


Posted in Javascript onMarch 09, 2014

这是某位大神写的jquery下div 的resize事件。

//resize of div 
(function($, h, c) { 
var a = $([]), 
e = $.resize = $.extend($.resize, {}), 
i, 
k = "setTimeout", 
j = "resize", 
d = j + "-special-event", 
b = "delay", 
f = "throttleWindow"; 
e[b] = 250; 
e[f] = true; 
$.event.special[j] = { 
setup: function() { 
if (!e[f] && this[k]) { 
return false; 
} 
var l = $(this); 
a = a.add(l); 
$.data(this, d, { 
w: l.width(), 
h: l.height() 
}); 
if (a.length === 1) { 
g(); 
} 
}, 
teardown: function() { 
if (!e[f] && this[k]) { 
return false; 
} 
var l = $(this); 
a = a.not(l); 
l.removeData(d); 
if (!a.length) { 
clearTimeout(i); 
} 
}, 
add: function(l) { 
if (!e[f] && this[k]) { 
return false; 
} 
var n; 
function m(s, o, p) { 
var q = $(this), 
r = $.data(this, d); 
r.w = o !== c ? o: q.width(); 
r.h = p !== c ? p: q.height(); 
n.apply(this, arguments); 
} 
if ($.isFunction(l)) { 
n = l; 
return m; 
} else { 
n = l.handler; 
l.handler = m; 
} 
} 
}; 
function g() { 
i = h[k](function() { 
a.each(function() { 
var n = $(this), 
m = n.width(), 
l = n.height(), 
o = $.data(this, d); 
if (m !== o.w || l !== o.h) { 
n.trigger(j, [o.w = m, o.h = l]); 
} 
}); 
g(); 
}, 
e[b]); 
} 
})(jQuery, this);

这样就可以 $('div').resize(fucntion(){ .. }); 了
Javascript 相关文章推荐
javascript encodeURI和encodeURIComponent的比较
Apr 03 Javascript
javascript中的toFixed固定小数位数 简单实例分享
Jul 12 Javascript
js模拟C#中List的简单实例
Mar 06 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
May 31 Javascript
plupload+artdialog实现多平台上传文件
Jul 19 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
May 22 Javascript
Thinkphp5微信小程序获取用户信息接口的实例详解
Sep 26 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
Jan 11 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
微信小程序事件 bindtap bindinput代码实例
Aug 26 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
Dec 11 Javascript
区分vue-router的hash和history模式
Oct 03 Javascript
现如今最流行的JavaScript代码规范
Mar 08 #Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
Mar 08 #Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
Mar 08 #Javascript
JS实现鼠标单击与双击事件共存
Mar 08 #Javascript
js触发onchange事件的方法说明
Mar 08 #Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 #Javascript
javascript中的事件代理初探
Mar 08 #Javascript
You might like
浅析PHP 按位与或 (^ 、&)
2013/06/21 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
PHP注释语法规范与命名规范详解篇
2018/01/21 PHP
JavaScript类库D
2010/10/24 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
JavaScript获取onclick、onchange等事件值的代码
2013/07/22 Javascript
jqgrid 编辑添加功能详细解析
2013/11/08 Javascript
浅谈javascript构造函数与实例化对象
2015/06/22 Javascript
jQuery Dialog 取消右上角删除按钮事件
2016/09/07 Javascript
jQuery简单倒计时效果完整示例
2016/09/20 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
在vue项目中引用Iview的方法
2018/09/14 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
基于Vue和Element-Ui搭建项目的方法
2019/09/06 Javascript
[01:04:05]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python采用raw_input读取输入值的方法
2014/08/18 Python
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
python 列表,数组,矩阵两两转换tolist()的实例
2018/04/04 Python
python如何创建TCP服务端和客户端
2018/08/26 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
Python数据可视化:幂律分布实例详解
2019/12/07 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
python 爬取百度文库并下载(免费文章限定)
2020/12/04 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
CSS3实现红包抖动效果
2020/12/23 HTML / CSS
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
香港莎莎官网Sasa.com:亚洲著名国际化妆品商城
2019/11/10 全球购物
大学社团计划书
2014/05/01 职场文书
生物技术专业求职信
2014/06/10 职场文书
2014国庆节餐厅促销活动策划方案
2014/09/16 职场文书
小学生2015教师节演讲稿
2015/03/19 职场文书
东京审判观后感
2015/06/01 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
python神经网络Xception模型
2022/05/06 Python
Java Spring Boot请求方式与请求映射过程分析
2022/06/25 Java/Android