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 相关文章推荐
可以用鼠标拖动的DIV实现思路及代码
Oct 21 Javascript
Javascript call和apply区别及使用方法
Nov 14 Javascript
jquery通过visible来判断标签是否显示或隐藏
May 08 Javascript
jquery中radio checked问题
Mar 16 Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 Javascript
js实现复选框的全选和取消全选效果
Jan 03 Javascript
解决Vue编译时写在style中的路径问题
Sep 21 Javascript
手把手教你使用vue-cli脚手架(图文解析)
Nov 08 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
d3.js实现图形拖拽
Dec 19 Javascript
Vue自动构建发布脚本的方法示例
Jul 24 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
Oct 29 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环境――Appserv
2006/12/13 PHP
php笔记之:文章中图片处理的使用
2013/04/26 PHP
thinkPHP实现瀑布流的方法
2014/11/29 PHP
简单解决新浪SAE无法上传文件的问题
2015/05/13 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
thinkphp中字符截取函数msubstr()用法分析
2016/01/09 PHP
抛弃 PHP 代价太高
2016/04/26 PHP
Javascript日期对象的dateAdd与dateDiff方法
2008/11/18 Javascript
JS俄罗斯方块,包含完整的设计理念
2010/12/11 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
js数字转换为float,取N位小数
2014/02/08 Javascript
javascript中的作用域和闭包详解
2016/01/13 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
2017/09/02 Javascript
vue实现PC端录音功能的实例代码
2019/06/05 Javascript
详解Vue2.5+迁移至Typescript指南
2019/08/01 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
[03:22]DOTA2超级联赛专访单车:找到属于自己的英雄
2013/06/08 DOTA
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
Python help()函数用法详解
2014/03/11 Python
python中range()与xrange()用法分析
2016/09/21 Python
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
基于python指定包的安装路径方法
2018/10/27 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
Python3 关于pycharm自动导入包快捷设置的方法
2019/01/16 Python
如何在mac环境中用python处理protobuf
2019/12/25 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
Django自带的用户验证系统实现
2020/12/18 Python
俄罗斯香水和化妆品购物网站:Л’Этуаль
2018/05/10 全球购物
三星英国官网:Samsung英国
2018/09/25 全球购物
飞机制造技术专业求职信
2014/07/27 职场文书
人大代表选举标语
2014/10/07 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书
单位接收函范文
2015/01/30 职场文书
管辖权异议上诉状
2015/05/23 职场文书
六一亲子活动感想
2015/08/07 职场文书
Golang 链表的学习和使用
2022/04/19 Golang