备案控制台
开发者社区 开发与运维 文章 正文

jquery事件-resize()方法

2016-05-19 2582
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
监听窗口缩放事件以便对于当前对象构造大小。JQuery提供了resize事件，在每一个匹配元素的resize事件中绑定一个处理函数，比如适应窗口大小、对齐等等，当文档窗口改变大小时触发
这里有两种监听方式，一种是浏览器窗口的监听，一种是对象缩放比例的监听（是通过点击状态栏的缩放比例实现的）
对于窗口的监听：
  
[java]  view plain  copy
 print ?
  1. <span>$(window).resize(function(){  
  2.       resizer($(this));  //do sonrthing  
  3.   });  
[java]  view plain  copy
 print ?
  1. </span>  


对象缩放比例的监听:
   
[java]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <span>$(“#ObjId”).resize(function() {  
  2.         resizer($(this));  //do sonrthing  
  3.    });</span>  

这样在封装一些jQuery插件的时候，可以适当考虑两种事件监听，使得我们所做的插件有更好的用户体验。


绑定resizer事件

[java]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <span>$(window).bind('resize', function() {  
  2.         var leftposition = inactiveb.position().left;  
  3.         inactive.css("position","absolute");  
  4.         inactive.css("left",leftposition);  
  5.     });</span>  
文章标签：
JavaScript
Java
UED
关键词：
jQuery方法
jQuery事件
jQuery事件方法
benjaminwhx
目录
相关文章
梦中千秋
|
4天前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
梦中千秋
21 0
N..
|
4天前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
13 1
穆雄雄.
|
4天前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
穆雄雄.
13 0
jianz123
|
4天前
|
JavaScript Serverless
jquery attr()方法
jquery attr()方法
jianz123
16 0
老板这功能得加钱
|
2天前
|
JavaScript 索引
JQuery工具方法整理
JQuery工具方法整理
老板这功能得加钱
5 0
Goodluck-dys
|
4天前
|
JavaScript
jquery获取子元素的一些方法
jquery获取子元素的一些方法
Goodluck-dys
9 0
小华qvq
|
4天前
|
JavaScript 前端开发 API
jquery的一些方法
jquery的一些方法
小华qvq
7 1
爱吃糖的范同学
|
4天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
爱吃糖的范同学
24 2
程序员-刘华强
|
4天前
|
JavaScript
jquery获取子元素的一些方法
jquery获取子元素的一些方法
程序员-刘华强
16 0
恰小面包
|
4天前
|
JavaScript
jQuery遍历节点的方法
jQuery遍历节点的方法
恰小面包
10 0