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 相关文章推荐
JsEasy简介 JsEasy是什么?与下载
Mar 07 Javascript
javascript 文件的同步加载与异步加载实现原理
Dec 13 Javascript
jquery实现tr元素的上下移动示例代码
Dec 20 Javascript
angularJS 中$attrs方法使用指南
Feb 09 Javascript
javascript发送短信验证码实现代码
Nov 12 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
微信小程序使用第三方库Immutable.js实例详解
Sep 27 Javascript
微信小程序 数组中的push与concat的区别
Jan 05 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
Jan 22 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
DC的38部超级英雄动画电影
2020/03/03 欧美动漫
php实现检查文章是否被百度收录
2015/01/27 PHP
JavaScript Archive Network 集合
2007/05/12 Javascript
JavaScript 变量命名规则
2009/09/23 Javascript
Javascript 实用小技巧
2010/04/07 Javascript
容易被忽略的JS脚本特性
2011/09/13 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
判断iframe里的页面是否加载完成
2014/06/06 Javascript
js实现ArrayList功能附实例代码
2014/10/29 Javascript
JavaScript实现把数字转换成中文
2015/06/29 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
微信小程序 点击控件后选中其它反选实例详解
2017/02/21 Javascript
基于BootStrap的前端分页带省略号和上下页效果
2017/05/18 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
2018/08/13 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
详解Vue 全局变量,局部变量
2019/04/17 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
python中int与str互转方法
2018/07/02 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
Python异常处理例题整理
2019/07/07 Python
Python二维数组实现求出3*3矩阵对角线元素的和示例
2019/11/29 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
Tostadora意大利:定制T恤
2019/04/08 全球购物
iHerb俄罗斯:维生素、补品和天然产品
2020/07/09 全球购物
化学相关工作求职信
2013/10/02 职场文书
会计专业大学生求职信范文
2014/01/28 职场文书
《只有一个地球》教学反思
2014/02/14 职场文书
正风肃纪剖析材料
2014/02/18 职场文书
开学典礼决心书
2014/03/11 职场文书
一年级小学生评语
2014/04/22 职场文书
政府绩效管理实施方案
2014/05/04 职场文书
继承公证书格式
2015/01/26 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书