jquery技巧之div绑定resize10:30
来源:互联网 发布:ubuntu 卸载node 编辑:程序博客网 时间:2024/06/10 14:23
jquery 默认的resize只能监听到浏览器窗口大小的改变,但我们在实际使用过程中有可能还需要监听某个div或其它标签的大小改变来执行相应的处理,如果使用默认的resize就无能为力了。
解决方法:新建一个js文件,写入如下代码:
(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事件了
0 0
- jquery技巧之div绑定resize10:30
- jQuery之事件绑定
- jquery dialog 绑定到自定义div
- JQuery之$('<div>')
- jquery之动态绑定事件
- JQuery之动态绑定事件
- jQuery实践之拖动Div
- Jquery实践之拖动DIV
- jquery动态添加删除div--事件绑定,对象克隆
- jquery动态添加删除div--事件绑定,对象克隆
- 小程序学习心得之数据绑定技巧
- jQuery 新的事件绑定机制on的使用技巧
- Jquery事件绑定之live用法
- 4.1.2: jQuery事件之事件绑定
- jQuery之事件绑定&合成事件
- Jquery封装之----事件绑定(一)
- struts2-jquery-plugin 3之div标签
- jQuery 之 两个div之间切换
- Windows 程序启动性能优化
- android中从代码上看安装程序之普通安装和静默安装
- 修改bootstrap 中 CSS 样式表,以实现自己需要的部分样式。
- mysql远程连接
- robotframework-ride 运行报monitorcolors not recognized
- jquery技巧之div绑定resize10:30
- 线程的join和detach
- pyCharm使用
- 稀疏矩阵的访问、普通逆置和快速逆置、还原输出以及加法
- 数量金融学(4):投资风险的测量和业绩评价
- linux下的shell输入输出重定向
- Android内存管理
- 关于Bootstrap (Web框架)
- Python之自省(反射)