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 相关文章推荐
js打印纸函数代码(递归)
Jun 18 Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
js原型链原理看图说明
Jul 07 Javascript
js 得到文件后缀(通过正则实现)
Jul 08 Javascript
浅析js中2个等号与3个等号的区别
Aug 06 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
Feb 25 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
Mar 01 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
Apr 26 Javascript
微信小程序实时聊天WebSocket
Jul 05 Javascript
vue print.js打印支持Echarts图表操作
Nov 13 Javascript
原生js拖拽功能制作滑动条实例代码
Feb 05 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警告Cannot use a scalar value as an array的解决方法
2012/01/11 PHP
PHP中VC6、VC9、TS、NTS版本的区别与用法详解
2013/10/26 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
2019/05/13 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
javascript实现上传图片前的预览(TX的面试题)
2007/08/20 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
javascript中删除指定数组中指定的元素的代码
2011/02/12 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
2016/12/23 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
JS实现简单移动端鼠标拖拽
2020/07/23 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
[14:51]DOTA2 HEROS教学视频教你分分钟做大人-卓尔游侠
2014/06/13 DOTA
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
Python单体模式的几种常见实现方法详解
2017/07/28 Python
详解 Python 与文件对象共事的实例
2017/09/11 Python
python正则实现提取电话功能
2018/02/24 Python
python如何通过实例方法名字调用方法
2018/03/21 Python
Python使用sys.exc_info()方法获取异常信息
2020/07/23 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
我为自己代言广告词
2014/03/18 职场文书
外语专业毕业生自荐信
2014/04/14 职场文书
大学社团招新的通讯稿
2014/09/10 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
2015年度信用社工作总结
2015/05/04 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
2019年入党思想汇报格式与要求
2019/06/25 职场文书