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 相关文章推荐
限制文本框输入N个字符的js代码
May 13 Javascript
基于jquery的复制网页内容到WORD的实现代码
Feb 16 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
js的延迟执行问题分析
Jun 23 Javascript
js动态添加onclick事件可传参数与不传参数
Jul 29 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
基于jquery animate操作css样式属性小结
Nov 27 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
Oct 30 Javascript
vue cli4.0项目引入typescript的方法
Jul 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
Zend Guard一些常见问题解答
2008/09/11 PHP
分享下php5类中三种数据类型的区别
2015/01/26 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
JavaScript学习笔记记录我的旅程
2012/05/23 Javascript
JSON为什么那样红为什么要用json(另有洞天)
2012/12/26 Javascript
jquery创建一个ajax关键词数据搜索实现思路
2013/02/26 Javascript
jQuery弹出(alert)select选择的值
2013/04/21 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
学习vue.js条件渲染
2016/12/03 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
2017/07/03 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
2017/12/01 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
python提取具有某种特定字符串的行数据方法
2018/12/11 Python
PyQt5 实现给窗口设置背景图片的方法
2019/06/13 Python
Python动态语言与鸭子类型详解
2019/07/01 Python
Python创建数字列表的示例
2019/11/28 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
PyQT5速成教程之Qt Designer介绍与入门
2020/11/02 Python
利用Python实现自动扫雷小脚本
2020/12/17 Python
使用HTML5 Canvas API绘制弧线的教程
2016/03/22 HTML / CSS
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
比较基础的php面试题及答案-填空题
2014/04/26 面试题
电大自我鉴定范文
2013/10/01 职场文书
汽车运用工程毕业生自荐信
2013/10/29 职场文书
打架检讨书100字
2014/01/08 职场文书
条幅标语大全
2014/06/20 职场文书
法学院毕业生求职信
2014/06/25 职场文书
社区三八妇女节活动总结
2015/02/06 职场文书
给老婆的检讨书(搞笑版)
2015/05/06 职场文书
企业党建工作总结2015
2015/05/26 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
导游词之四川武侯祠
2019/10/21 职场文书