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实现按一下删除键删除整个单词附demo
Sep 05 Javascript
使用Raygun来自动追踪AngularJS中的异常
Jun 23 Javascript
微信小程序 实战程序简易新闻的制作
Jan 09 Javascript
详解使用fetch发送post请求时的参数处理
Apr 05 Javascript
vue文件树组件使用详解
Mar 29 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
Jul 20 Javascript
微信小程序实现音频文件播放进度的实例代码
Mar 02 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
Vue实现省市区三级联动
Dec 27 Vue.js
现如今最流行的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
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
php文件后缀不强制为.php的实操方法
2019/09/18 PHP
javascript之函数直接量(function(){})()
2007/06/29 Javascript
用document.documentElement取代document.body的原因分析
2009/11/12 Javascript
Array.prototype 的泛型应用分析
2010/04/30 Javascript
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
javascript面向对象之对象的深入理解
2015/01/13 Javascript
JS继承用法实例分析
2015/02/05 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
jQuery实现级联下拉框实战(5)
2017/02/08 Javascript
Node.js获取前端ajax提交的request信息
2017/02/20 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
2017/08/25 Javascript
JS的函数调用栈stack size的计算方法
2018/06/24 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
2020/08/28 Javascript
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
python实现网页链接提取的方法分享
2014/02/25 Python
python将文本转换成图片输出的方法
2015/04/28 Python
python 排序算法总结及实例详解
2016/09/28 Python
python 将字符串中的数字相加求和的实现
2019/07/18 Python
python3多线程知识点总结
2019/09/26 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
Python-openCV开运算实例
2020/07/05 Python
Python tkinter界面实现历史天气查询的示例代码
2020/08/23 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
美国高街时尚品牌:OASAP
2016/07/24 全球购物
《守株待兔》教学反思
2014/03/01 职场文书
梅花魂教学反思
2014/04/25 职场文书
学校先进集体事迹材料
2014/05/31 职场文书
群众路线领导对照材料
2014/08/23 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction
2022/04/12 PostgreSQL
六个好看实用的 HTML + CSS 后台登录入口页面
2022/04/28 HTML / CSS