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的获取mouse坐标插件的实现代码
Apr 01 Javascript
小米公司JavaScript面试题
Dec 29 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
Jquery数字上下滚动动态切换插件
Aug 08 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
AngularJS基础 ng-if 指令用法
Aug 01 Javascript
js实现右键自定义菜单
Dec 03 Javascript
js实现固定宽高滑动轮播图效果
Jan 13 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
Oct 02 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
VUE写一个简单的表格实例
Aug 06 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缩略图生成程式(需要GD库支持)
2007/03/06 PHP
php zip文件解压类代码
2009/12/02 PHP
PHP利用str_replace防注入的方法
2013/11/10 PHP
php实现文件下载实例分享
2014/06/02 PHP
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
用Javascript评估用户输入密码的强度(Knockout版)
2011/11/30 Javascript
js中的setInterval和setTimeout使用实例
2014/05/09 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
慕课网题目之js实现抽奖系统功能
2017/09/19 Javascript
JavaScript+H5实现微信摇一摇功能
2018/05/23 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
深入理解Python3 内置函数大全
2017/11/23 Python
python使用pandas处理大数据节省内存技巧(推荐)
2019/05/05 Python
Python对接 xray 和微信实现自动告警
2019/09/17 Python
Flask模板引擎Jinja2使用实例
2020/04/23 Python
用Python自动清理系统垃圾的实现
2021/01/18 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
医学生求职自荐信
2013/10/25 职场文书
决心书范文
2014/03/11 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
项目经理助理岗位职责
2015/04/13 职场文书
隐形的翅膀观后感
2015/06/10 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
防溺水主题班会教案
2015/08/12 职场文书
2016年“11.11”光棍节活动总结
2016/04/05 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书
python源码剖析之PyObject详解
2021/05/18 Python
HTML基本元素标签介绍
2022/02/28 HTML / CSS