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实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
jQuery动态效果显示人物结构关系图的方法
May 07 Javascript
AngularJS中$interval的用法详解
Feb 02 Javascript
Jquery实现$.fn.extend和$.extend函数
Apr 14 Javascript
js中利用cookie实现记住密码功能
Aug 20 Javascript
完美解决IE不支持Data.parse()的问题
Nov 24 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
JS实现的简单拖拽购物车功能示例【附源码下载】
Jan 03 Javascript
微信小程序实现天气预报功能
Jul 18 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
Oct 25 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
微信小程序实现点击卡片 翻转效果
Sep 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类(查找/修改)xml文档
2013/03/26 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
thinkphp配置连接数据库技巧
2014/12/02 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
浅谈laravel数据库查询返回的数据形式
2019/10/21 PHP
探索Emberjs制作一个简单的Todo应用
2012/11/07 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
JavaScript window.location对象
2014/11/14 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
jQuery添加和删除指定标签的方法
2015/12/16 Javascript
JavaScript九九乘法口诀表的简单实现
2016/10/04 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
修改npm全局安装模式的路径方法
2018/05/15 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
2018/09/05 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
浅谈vue.use()方法从源码到使用
2019/05/12 Javascript
JS实现简易留言板增删功能
2020/02/08 Javascript
js实现扫雷源代码
2020/11/27 Javascript
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python中时间模块的基本使用教程
2019/05/14 Python
详解使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件
2019/08/23 Python
Python @property使用方法解析
2019/09/17 Python
python中p-value的实现方式
2019/12/16 Python
Python脚本去除文件的只读性操作
2020/03/05 Python
毕业自我评价范文
2013/11/17 职场文书
毕业生自荐信
2013/12/14 职场文书
前厅部经理岗位职责范文
2014/02/04 职场文书
党代会心得体会
2014/09/04 职场文书
纪念9.18事变演讲稿
2014/09/14 职场文书
公司副总经理岗位职责
2015/04/08 职场文书
为什么中国式养孩子很累?
2019/08/07 职场文书
详解thinkphp的Auth类认证
2021/05/28 PHP
Python函数式编程中itertools模块详解
2021/09/15 Python
java高级用法JNA强大的Memory和Pointer
2022/04/19 Java/Android