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 相关文章推荐
使用Modello编写JavaScript类
Dec 22 Javascript
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
Mar 10 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
May 29 Javascript
使用JQuery库提供的扩展功能实现自定义方法
Sep 09 Javascript
js实现简单的省市县三级联动效果实例
Feb 18 Javascript
javascript每日必学之多态
Feb 23 Javascript
通过jquery实现页面的动画效果(实例代码)
Sep 18 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
JS获得一个对象的所有属性和方法实例
Feb 21 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 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 $_FILES函数详解
2011/03/09 PHP
php中一个完整表单处理实现代码
2011/11/10 PHP
解决File size limit exceeded 错误的方法
2013/06/14 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
PHP安装扩展mcrypt以及相关依赖项深入讲解
2021/03/04 PHP
Jquery插件分享之气泡形提示控件grumble.js
2014/05/20 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
实例详解angularjs和ajax的结合使用
2015/10/22 Javascript
用jquery快速解决IE输入框不能输入的问题
2016/10/04 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
easyui combobox开启搜索自动完成功能的实例代码
2016/11/08 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
2018/04/12 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
JavaScript中var的重要性实例分析
2019/07/09 Javascript
微信小程序swiper实现文字纵向轮播提示效果
2020/01/21 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
PHP webshell检查工具 python实现代码
2009/09/15 Python
Python 自动化表单提交实例代码
2017/06/08 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
Python3的socket使用方法详解
2020/02/18 Python
django执行原始查询sql,并返回Dict字典例子
2020/04/01 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
Python实现数字的格式化输出
2020/08/01 Python
Python 在局部变量域中执行代码
2020/08/07 Python
The Athlete’s Foot新西兰:新西兰最大的运动鞋零售商
2019/12/23 全球购物
公共事业管理本科生求职信
2013/10/07 职场文书
美德好少年事迹材料
2014/01/19 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
2014年教学工作总结
2014/11/13 职场文书
2014幼儿园教育教学工作总结
2014/12/17 职场文书
文艺晚会开场白
2015/05/29 职场文书
python 调用js的四种方式
2021/04/11 Python
MySQL和Oracle批量插入SQL的通用写法示例
2021/11/17 MySQL