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

jquery事件-resize()方法

2016-05-19 2605
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
监听窗口缩放事件以便对于当前对象构造大小。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事件方法
jQuery resize
benjaminwhx
目录
相关文章
听白
|
2月前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
听白
33 5
Li370234940
|
1月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
Li370234940
21 1
二二*一一
|
1月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
二二*一一
50 6
听白
|
2月前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
听白
30 10
听白
|
2月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
听白
30 2
听白
|
2月前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
听白
16 3
听白
|
2月前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
听白
22 5
听白
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
听白
34 1
听白
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
听白
17 2
听白
|
2月前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
听白
43 7