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 相关文章推荐
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
Jul 25 Javascript
jquery无刷新验证邮箱地址实现实例
Feb 19 Javascript
使用javascript实现判断当前浏览器
Apr 14 Javascript
深入浅出分析javaScript中this用法
May 09 Javascript
JS实现页面数据无限加载
Sep 13 Javascript
网页瀑布流布局jQuery实现代码
Oct 21 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
Jun 14 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
vue-router路由模式详解(小结)
Aug 26 Javascript
微信小程序实现带放大效果的轮播图
May 26 Javascript
vue中实现图片压缩 file文件的方法
May 28 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
Sep 11 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
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
PHP中date()日期函数有关参数整理
2011/07/19 PHP
浅析php变量作用域的一些问题
2013/08/08 PHP
php使用simplexml_load_file加载XML文件并显示XML的方法
2015/03/19 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
PHP实现的权重算法示例【可用于游戏根据权限来随机物品】
2019/02/15 PHP
jQuery 常见学习网站与参考书
2009/11/09 Javascript
extjs之去除s.gif的影响
2010/12/25 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
2011/05/09 Javascript
jquery如何通过name名称获取当前name的value值
2013/12/20 Javascript
javascript中处理时间戳为日期格式的方法
2014/01/02 Javascript
推荐一个自己用的封装好的javascript插件
2015/01/29 Javascript
jquery中ajax使用error调试错误的方法
2015/02/08 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
2016/04/30 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
JS原生轮播图的简单实现(推荐)
2017/07/22 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
2019/10/15 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
2019/11/07 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
Python 学习笔记
2008/12/27 Python
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
python自动发送测试报告邮件功能的实现
2019/01/22 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
大学生找工作推荐信范文
2013/11/28 职场文书
2014自荐信的写作技巧
2014/01/28 职场文书
销售助理岗位职责
2014/02/21 职场文书
党支部创先争优活动总结
2014/08/28 职场文书
教师学期末个人总结
2015/02/13 职场文书
建国大业观后感800字
2015/06/01 职场文书