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 用CreateElement动态创建标签示例
Nov 20 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 Javascript
详解 javascript中offsetleft属性的用法
Nov 11 Javascript
js实现上一页下一页的效果【附代码】
Mar 10 Javascript
JS获取html元素的标记名实现方法
Oct 08 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
Dec 07 Javascript
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 Javascript
vue element-ui中table合计指定列求和实例
Nov 02 Javascript
JavaScript原型链详解
Nov 07 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
我的论坛源代码(一)
2006/10/09 PHP
解析php5配置使用pdo
2013/07/03 PHP
php精确的统计在线人数的方法
2015/10/21 PHP
PHP页面跳转实现延时跳转的方法
2016/12/10 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
JS实现打开本地文件或文件夹
2021/03/09 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
jQuery实现标题有打字效果的焦点图代码
2015/11/16 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
2016/11/11 Javascript
vue构建单页面应用实战
2017/04/10 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
2017/07/18 Javascript
webpack之devtool详解
2018/02/10 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
深入理解Puppeteer的入门教程和实践
2019/03/05 Javascript
JavaScript this在函数中的指向及实例详解
2019/10/14 Javascript
js实现复制粘贴的两种方法
2020/12/04 Javascript
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
python轮询机制控制led实例
2020/05/03 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
python批量生成身份证号到Excel的两种方法实例
2021/01/14 Python
Lenox官网:精美的瓷器&独特的礼品
2017/02/12 全球购物
美国大码时尚女装购物网站:ELOQUII
2017/12/28 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
美国糖果店:Sugarfina
2019/02/21 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
医学实习生自我鉴定
2013/12/12 职场文书
国庆宣传标语
2014/06/30 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
解决linux下redis数据库overcommit_memory问题
2022/02/24 Redis
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python