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 学习笔记(五)
Dec 31 Javascript
JavaScript和CSS通过expression实现Table居中显示
Jun 28 Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
Jan 28 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
微信小程序 获取相册照片实例详解
Nov 16 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
JS传播事件、取消事件默认行为、阻止事件传播详解
Aug 14 Javascript
JavaScript文件的同步和异步加载的实现代码
Aug 19 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
Apr 16 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
Dec 17 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 中的面向对象编程:通向大型 PHP 工程的办法
2006/12/03 PHP
Smarty模板快速入门
2007/01/04 PHP
调试php程序的简单步骤
2019/10/04 PHP
PHP使用POP3读取邮箱接收邮件的示例代码
2020/07/08 PHP
JQuery CSS样式控制 学习笔记
2009/07/23 Javascript
js 数组实现一个类似ruby的迭代器
2009/10/27 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
在jQuery ajax中按钮button和submit的区别分析
2012/10/07 Javascript
jQuery常见开发技巧详细整理
2013/01/02 Javascript
js加强的经典分页实例
2013/03/15 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
AngularJS实现树形结构(ztree)菜单示例代码
2016/09/18 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
2017/03/08 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
2020/09/11 Javascript
解决vue-router 嵌套路由没反应的问题
2020/09/22 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
Python中的单行、多行、中文注释方法
2018/07/19 Python
python实现京东秒杀功能
2018/07/30 Python
使用Python中的reduce()函数求积的实例
2019/06/28 Python
python多继承(钻石继承)问题和解决方法简单示例
2019/10/21 Python
印度最大的网上花店:Ferns N Petals(鲜花、礼品和蛋糕)
2017/10/16 全球购物
荷兰手表网站:Watch2Day
2018/07/02 全球购物
哈萨克斯坦移动和数字技术在线商店:SatelOnline.kz
2020/09/04 全球购物
幼儿园教师教学反思
2014/02/06 职场文书
生产部岗位职责范文
2014/02/07 职场文书
小学生倡议书范文
2014/05/13 职场文书
事业单位考核材料
2014/05/21 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
2015年度环卫处工作总结
2015/07/24 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
Java基于字符界面的简易收银台
2021/06/26 Java/Android