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对象创建及继承原理实例解剖
Feb 28 Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
JavaScript动态添加列的方法
Mar 25 Javascript
react高阶组件经典应用之权限控制详解
Sep 07 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
Nov 14 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
解决Vue中使用keepAlive不缓存问题
Aug 04 Javascript
vue-router 2.0 跳转之router.push()用法说明
Aug 12 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扩展imagick
2014/06/02 PHP
PHP页面实现定时跳转的方法
2014/10/31 PHP
php自定义分页类完整实例
2015/12/25 PHP
php轻松实现文件上传功能
2016/03/03 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
降低PHP Redis内存占用
2017/03/23 PHP
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
JavaScript动态修改网页元素内容的方法
2015/03/21 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
javascript每日必学之封装
2016/02/23 Javascript
原生node.js案例--前后台交互
2017/02/20 Javascript
微信小程序 参数传递实例代码
2017/03/20 Javascript
jQuery 实现双击编辑表格功能
2017/06/19 jQuery
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
学习python处理python编码问题
2011/03/13 Python
一个基于flask的web应用诞生 bootstrap框架美化(3)
2017/04/11 Python
了解不常见但是实用的Python技巧
2019/05/23 Python
Python Django的安装配置教程图文详解
2019/07/17 Python
python通过实例讲解反射机制
2019/10/17 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
Foot Locker德国官方网站:美国运动服和鞋类零售商
2018/11/01 全球购物
销售经理工作职责范文
2013/12/03 职场文书
高中地理教学反思
2014/01/29 职场文书
办公室秘书岗位职责范本
2014/02/11 职场文书
安全宣传标语口号
2014/06/06 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
SpringBoot使用AOP实现统计全局接口访问次数详解
2022/06/16 Java/Android