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 相关文章推荐
键盘控制事件应用教程大全
Nov 24 Javascript
js 遍历对象的属性的代码
Dec 29 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
AngularJS Ajax详解及示例代码
Aug 17 Javascript
JS实现HTML标签转义及反转义
Apr 14 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
jQuery实现一个简单的验证码功能
Jun 26 jQuery
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
Dec 09 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
Dec 28 Javascript
利用Vue构造器创建Form组件的通用解决方法
Dec 03 Javascript
vue在路由中验证token是否存在的简单实现
Nov 11 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小程序自动提交到自助友情连接
2009/11/24 PHP
php学习笔记之面向对象编程
2012/12/29 PHP
PHP获取客户端真实IP地址的5种情况分析和实现代码
2014/07/08 PHP
php运行提示:Fatal error Allowed memory size内存不足的解决方法
2014/12/17 PHP
PHP各种异常和错误的拦截方法及发生致命错误时进行报警
2016/01/19 PHP
基于jquery的拖动布局插件
2011/11/25 Javascript
jquery 操作日期、星期、元素的追加的实现代码
2012/02/07 Javascript
js实现在字符串中提取数字
2013/11/05 Javascript
如何设置一定时间内只能发送一次请求
2014/02/28 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
轻松搞定jQuery.noConflict()
2016/02/15 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
2016/03/28 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
使用JS代码实现点击按钮下载文件
2016/11/12 Javascript
js实现时间轴自动排列效果
2017/03/09 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
2017/07/23 Javascript
详解node+express+ejs+bootstrap构建项目
2017/09/27 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
说说如何使用Vuex进行状态管理(小结)
2019/04/14 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
vue实现移动端返回顶部
2020/10/12 Javascript
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
Python使用matplotlib绘制动画的方法
2015/05/20 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
安踏官方商城:anta.cn
2019/12/16 全球购物
英语专业毕业生求职简历的自我评价
2013/10/24 职场文书
销售实习自我鉴定
2013/12/07 职场文书
青年创业培训欢迎词
2014/01/08 职场文书
预备党员转正考核材料
2014/06/03 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书