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 相关文章推荐
js中几种去掉字串左右空格的方法
Dec 25 Javascript
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
Apr 27 Javascript
来自qq的javascript面试题
Jul 24 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
Aug 14 Javascript
jQuery实现的五子棋游戏实例
Jun 13 Javascript
JavaScript 七大技巧(二)
Dec 13 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
基于vue-resource jsonp跨域问题的解决方法
Feb 03 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
Jan 08 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 常用字符串函数总结
2008/03/15 PHP
php和js如何通过json互相传递数据相关问题探讨
2013/02/26 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
使用Yii2实现主从数据库设置
2016/11/20 PHP
thinkPHP3.2使用RBAC实现权限管理的实现
2019/08/27 PHP
Extjs ajax同步请求时post方式参数发送方式
2009/08/05 Javascript
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
node.js中的events.emitter.removeListener方法使用说明
2014/12/10 Javascript
JavaScript 变量、作用域及内存
2015/04/08 Javascript
Javascript基础教程之比较null和undefined值
2016/05/16 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
2016/10/10 Javascript
BootStrap Table 获取同行不同列元素的方法
2016/12/19 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
vue将data恢复到初始状态 && 重新渲染组件实例
2020/09/04 Javascript
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
跟老齐学Python之编写类之一创建实例
2014/10/11 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
python matplotlib库绘制条形图练习题
2019/08/10 Python
基于python求两个列表的并集.交集.差集
2020/02/10 Python
pycharm 激活码及使用方式的详细教程
2020/05/12 Python
解决django 向mysql中写入中文字符出错的问题
2020/05/18 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
Python类的继承super相关原理解析
2020/10/22 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
经济管理专业毕业生自荐信范文
2014/01/02 职场文书
《中华少年》教学反思
2014/02/15 职场文书
电气工程自动化求职信
2014/03/14 职场文书
环保宣传标语
2014/06/12 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
银行授权委托书样本
2014/10/13 职场文书
春节晚会开场白
2015/05/29 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书