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 相关文章推荐
jQuery 位置插件
Dec 25 Javascript
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
Aug 05 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
js setTimeout 参数传递使用介绍
Aug 13 Javascript
javascript中的原型链深入理解
Feb 24 Javascript
javascript-解决mongoose数据查询的异步操作
Dec 22 Javascript
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
js尾调用优化的实现
May 23 Javascript
vue组件中实现嵌套子组件案例
Aug 31 Javascript
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
Html5生成验证码的示例代码
May 10 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开发的一些注意点总结
2010/10/12 PHP
如何判断php数组的维度
2013/06/10 PHP
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
php中ltrim()、rtrim()与trim()删除字符空格实例
2014/11/25 PHP
php计算函数执行时间的方法
2015/03/20 PHP
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
比较详细的关于javascript 解析json的代码
2009/12/16 Javascript
基于Jquery的实现回车键Enter切换焦点
2010/09/14 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
2012/09/21 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
2013/12/02 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
再谈javascript原型继承
2014/11/10 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
2018/01/13 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
layui: layer.open加载窗体时出现遮罩层的解决方法
2019/09/26 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
Python数据分析中Groupby用法之通过字典或Series进行分组的实例
2017/12/08 Python
python实现文本界面网络聊天室
2018/12/12 Python
通过Turtle库在Python中绘制一个鼠年福鼠
2020/02/03 Python
html5弹跳球示例代码
2013/07/23 HTML / CSS
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
分别介绍一下Session Bean和Entity Bean
2015/03/13 面试题
《手指教学》反思
2014/02/14 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
李开复演讲稿
2014/05/24 职场文书
2014年采购员工作总结
2014/11/18 职场文书
2015年行政工作总结范文
2015/04/09 职场文书
2016党员学习作风建设心得体会
2016/01/21 职场文书
2019银行员工个人工作自我鉴定
2019/06/27 职场文书
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
总结Python变量的相关知识
2021/06/28 Python
JavaScript原型链详解
2021/11/07 Javascript