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 相关文章推荐
jQuery参数列表集合
Apr 06 Javascript
封装了一个js图片轮换效果的函数
Sep 28 Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
jquery Easyui快速开发总结
Aug 20 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
Jul 01 Javascript
jQuery实现的模拟弹出窗口功能示例
Nov 24 Javascript
react开发中如何使用require.ensure加载es6风格的组件
May 09 Javascript
Angular2 组件交互实例详解
Aug 24 Javascript
打造通用的匀速运动框架(实例讲解)
Oct 17 Javascript
微信小程序项目实践之验证码倒计时功能
Jul 18 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 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 创建文件(文件夹)以及目录操作代码
2010/03/04 PHP
Window下PHP三种运行方式图文详解
2013/06/11 PHP
php中动态调用函数的方法
2015/03/16 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
PHP实现的大文件切割与合并功能示例
2018/04/10 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
jquery动画1.加载指示器
2012/08/24 Javascript
js 调用百度地图api并在地图上进行打点添加标注
2014/05/13 Javascript
jquery radio的取值_radio的选中_radio的重置方法
2016/09/20 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
clipboard在vue中的使用的方法示例
2018/10/19 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
python生成随机mac地址的方法
2015/03/16 Python
python实现中文输出的两种方法
2015/05/09 Python
Python环境下安装使用异步任务队列包Celery的基础教程
2016/05/07 Python
Python单向链表和双向链表原理与用法实例详解
2018/08/31 Python
Python 输入一个数字判断成绩分数等级的方法
2018/11/15 Python
详解python列表生成式和列表生成式器区别
2019/03/27 Python
python中的split()函数和os.path.split()函数使用详解
2019/12/21 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
Python中的None与 NULL(即空字符)的区别详解
2020/09/24 Python
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
伦敦一家西班牙童装精品店:La Coqueta
2018/02/02 全球购物
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
英国比较机场停车场网站:Airport Parking Essentials
2019/12/01 全球购物
生物技术专业求职信
2014/06/10 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
2016学习全国教书育人楷模先进事迹心得体会
2016/01/21 职场文书
MySQL query_cache_type 参数与使用详解
2021/07/01 MySQL
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL