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 使用手册(一)
Sep 23 Javascript
动态加载JS文件的三种方法
Nov 08 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
JS函数多个参数默认值指定方法分析
Nov 28 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
May 05 Javascript
原生js canvas实现鼠标跟随效果
Aug 02 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
PHPMailer邮件发送的实现代码
2013/05/04 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
PHP获取本周第一天和最后一天示例代码
2014/02/24 PHP
你可能不知道PHP get_meta_tags()函数
2014/05/12 PHP
Laravel下生成验证码的类
2017/11/15 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
用js解决数字不能换行问题
2010/08/10 Javascript
jquery中this的使用说明
2010/09/06 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
2015/09/19 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
RequireJS使用注意细节
2016/05/15 Javascript
Javascript实现跑马灯效果的简单实例
2016/05/31 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
javascript少儿编程关于返回值的函数内容
2018/05/27 Javascript
Vue实现日历小插件
2019/06/26 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
对pandas的dataframe绘图并保存的实现方法
2017/08/05 Python
python库lxml在linux和WIN系统下的安装
2018/06/24 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
Django分页功能的实现代码详解
2019/07/29 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
html+css实现自定义图片上传按钮功能
2019/09/04 HTML / CSS
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
世界顶级俱乐部的官方球衣和套装:Subside Sports
2018/04/22 全球购物
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
我的动漫时代的创业计划书范文
2014/01/27 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
电气自动化求职信
2014/06/24 职场文书
2015庆祝七一建党节94周年活动总结
2015/03/20 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书
Django项目如何正确配置日志(logging)
2021/04/29 Python
Python可视化学习之seaborn调色盘
2022/02/24 Python