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 Perfection kill 测试及答案
Mar 23 Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
Dec 28 Javascript
jquery移除、绑定、触发元素事件使用示例详解
Apr 10 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
Jan 17 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
Angular.js中angular-ui-router的简单实践
Jul 18 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
原生JS+HTML5实现的可调节写字板功能示例
Aug 30 Javascript
javascript获取元素的计算样式
May 24 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
Jan 08 Vue.js
vue-cropper组件实现图片切割上传
May 27 Vue.js
现如今最流行的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
全国FM电台频率大全 - 19 广东省
2020/03/11 无线电
提问的智慧(2)
2006/10/09 PHP
php 文件上传代码(限制jpg文件)
2010/01/05 PHP
php 各种应用乱码问题的解决方法
2010/05/09 PHP
深入理解PHP内核(二)之SAPI探究
2015/11/10 PHP
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
javascript显示用户停留时间的简单实例
2013/08/05 Javascript
javascript仿php的print_r函数输出json数据
2013/09/13 Javascript
js+html5实现canvas绘制镂空字体文本的方法
2015/06/05 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
JS基于正则实现数字千分位用逗号分隔的方法
2017/06/16 Javascript
jQuery Position方法使用和兼容性
2017/08/23 jQuery
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
node事件循环和process模块实例分析
2020/02/14 Javascript
Python画柱状统计图操作示例【基于matplotlib库】
2018/07/04 Python
python实现简单贪吃蛇游戏
2020/09/29 Python
python 两种方法删除空文件夹
2020/09/29 Python
Windows环境下Python3.6.8 importError: DLLload failed:找不到指定的模块
2020/11/01 Python
解决python3输入的坑——input()
2020/12/05 Python
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
WoolOvers澳洲官方网站:英国针织服装公司
2018/05/13 全球购物
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
Wedgwood英国官方网站:英式精致骨瓷餐具、礼品与生活精品,源于1759年
2019/09/02 全球购物
应届生.NET方向面试题
2015/05/23 面试题
医师定期考核实施方案
2014/05/07 职场文书
机关保密承诺书
2014/06/03 职场文书
青年文明号申报材料
2014/12/23 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
工资证明范本
2015/06/12 职场文书
初中英语教学反思范文
2016/02/15 职场文书
小学音乐课歌曲《堆雪人》教学反思
2016/02/18 职场文书
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL