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 相关文章推荐
扩展String功能方法
Sep 22 Javascript
JavaScript 面向对象的 私有成员和公开成员
May 13 Javascript
通过JavaScript使Div居中并随网页大小改变而改变
Jun 24 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
Jul 07 Javascript
js中settimeout方法加参数的使用实例
Feb 27 Javascript
AngularJS中的模块详解
Jan 29 Javascript
使用jquery清空、复位整个输入域
Apr 02 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
Mar 25 Javascript
EditPlus中的正则表达式 实战(2)
Dec 15 Javascript
vue安装和使用scss及sass与scss的区别详解
Oct 15 Javascript
如何手写简易的 Vue Router
Oct 10 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数据库连接
2006/10/09 PHP
Notice: Undefined index: page in E:\PHP\test.php on line 14
2010/11/02 PHP
php中file_get_content 和curl以及fopen 效率分析
2014/09/19 PHP
[原创]php获取数组中键值最大数组项的索引值
2015/03/17 PHP
php转换颜色为其反色的方法
2015/04/27 PHP
PHP基于phpqrcode类生成二维码的方法详解
2018/03/14 PHP
基于PHP实现解密或加密Cloudflar邮箱保护
2020/06/24 PHP
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
2011/12/20 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
JavaScript也谈内存优化
2014/06/06 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
Angularjs的键盘事件的绑定
2017/07/27 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
2017/08/31 Javascript
angular内置provider之$compileProvider详解
2017/09/27 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
Vue中computed、methods与watch的区别总结
2019/04/10 Javascript
ES6顶层对象、global对象实例分析
2019/06/14 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
[01:35]2018完美盛典章节片——共竞
2018/12/17 DOTA
Python使用ftplib实现简易FTP客户端的方法
2015/06/03 Python
浅谈Python单向链表的实现
2015/12/24 Python
浅析pandas 数据结构中的DataFrame
2019/10/12 Python
python爬虫中url管理器去重操作实例
2020/11/30 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
.NET常见笔试题集
2012/12/01 面试题
幼儿园教师培训方案
2014/02/04 职场文书
小学领导班子对照材料
2014/08/23 职场文书
合作协议书模板
2014/10/10 职场文书
消费者投诉书范文
2015/07/02 职场文书
python 使用pandas读取csv文件的方法
2022/12/24 Python