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获得地址栏参数的两种方法
Nov 08 Javascript
jQuery 跨域访问问题解决方法
Dec 02 Javascript
jQuery与其它库冲突的解决方法
Jun 25 Javascript
JS+CSS实现电子商务网站导航模板效果代码
Sep 10 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
微信小程序 wxapp地图 map详解
Oct 31 Javascript
原生js实现手风琴功能(支持横纵向调用)
Jan 13 Javascript
js鼠标跟随运动效果
Mar 11 Javascript
Webpack打包字体font-awesome的方法示例
Apr 26 Javascript
微信小程序实现评论功能
Nov 28 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
vue + axios get下载文件功能
Sep 25 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中mysql_field_type()函数用法
2014/11/24 PHP
php筛选不存在的图片资源
2015/04/28 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
2013/02/25 Javascript
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
bootstrap3 兼容IE8浏览器!
2016/05/02 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
2016/06/13 Javascript
javascript中获取元素标签中间的内容的实现方法
2016/10/08 Javascript
javascript中this关键字详解
2016/12/12 Javascript
xmlplus组件设计系列之列表(4)
2017/04/26 Javascript
浅谈Vue数据响应思路之数组
2018/11/06 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
js操作table中tr的顺序实现上移下移一行的效果
2018/11/22 Javascript
七行JSON代码把你的网站变成移动应用过程详解
2019/07/09 Javascript
JS对日期操作封装代码实例
2019/11/08 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
javascript中layim之查找好友查找群组
2021/02/06 Javascript
python学习笔记之调用eval函数出现invalid syntax错误问题
2015/10/18 Python
Python存取XML的常见方法实例分析
2017/03/21 Python
Python实现的rsa加密算法详解
2018/01/24 Python
Python画图高斯分布的示例
2019/07/10 Python
Python秒算24点实现及原理详解
2019/07/29 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
Ariat英国官网:为世界顶级马术运动员制造最优质的鞋类和服装
2020/02/14 全球购物
高级人员简历的自我评价分享
2013/11/03 职场文书
带刀到教室的检讨书
2014/10/04 职场文书
校长个人总结
2015/03/03 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
redis sentinel监控高可用集群实现的配置步骤
2022/04/01 Redis
Python中time标准库的使用教程
2022/04/13 Python