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 相关文章推荐
javascript multibox 全选
Mar 22 Javascript
Jquery中"$(document).ready(function(){ })"函数的使用详解
Dec 30 Javascript
js格式化时间和js格式化时间戳示例
Feb 10 Javascript
jquery实现可自动判断位置的弹出层效果代码
Oct 12 Javascript
js实现对ajax请求面向对象的封装
Jan 08 Javascript
jQuery表单对象属性过滤选择器实例详解
Sep 13 Javascript
Ajax 加载数据 练习代码
Jan 05 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 Javascript
javascript闭包的使用之按钮切换功能
Aug 30 Javascript
vue+php实现的微博留言功能示例
Mar 16 Javascript
layer弹出层取消遮罩的方法
Sep 25 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
桌面中心(一)创建数据库
2006/10/09 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
jcarousellite.js 基于Jquery的图片无缝滚动插件
2010/12/30 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
向左滚动文字 js代码效果
2013/08/17 Javascript
jquery仿搜索自动联想功能代码
2014/05/23 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
微信小程序 页面跳转和数据传递实例详解
2017/01/19 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
js禁止表单重复提交
2017/08/29 Javascript
NodeJS父进程与子进程资源共享原理与实现方法
2018/03/16 NodeJs
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
Node爬取大批量文件的方法示例
2019/06/28 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
2020/11/12 Javascript
vue添加自定义右键菜单的完整实例
2020/12/08 Vue.js
[02:03]风行者至宝清风环佩外观展示
2020/09/05 DOTA
pandas 将list切分后存入DataFrame中的实例
2018/07/03 Python
pycharm 配置远程解释器的方法
2018/10/28 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
关于Python中的向量相加和numpy中的向量相加效率对比
2019/08/26 Python
python中常见错误及解决方法
2020/06/21 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
python 偷懒技巧——使用 keyboard 录制键盘事件
2020/09/21 Python
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
后勤采购员岗位职责
2013/12/19 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
2015年信访工作总结
2015/04/07 职场文书
2015年双拥工作总结
2015/04/08 职场文书
请病假条范文
2015/08/17 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
导游词之贵州织金洞
2019/10/12 职场文书
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL
Redis如何实现分布式锁
2021/08/23 Redis