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

jquery事件-resize()方法

2016-05-19 2593
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
监听窗口缩放事件以便对于当前对象构造大小。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
目录
相关文章
听白
|
3月前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
听白
26 1
听白
|
5天前
|
JavaScript
jQuery Callback 方法
jQuery Callback 方法
听白
22 15
jianz123
|
17天前
|
JavaScript Serverless
jquery attr()方法
【8月更文挑战第24天】在jQuery中，`attr()` 方法简化了对元素属性的操作。它可获取或设置属性值，支持四种用法：1) `attr(属性名)` 获取属性值；2) `attr(属性名, 属性值)` 设置属性值；3) `attr(属性名, 函数)` 设置动态属性值；4) `attr(属性对象)` 批量设置多个属性值。例如，获取或修改列表项的 `title` 或 `value` 属性。此外，`removeAttr()` 可用于删除属性。这极大地提高了DOM操作的效率和便捷性。
jianz123
32 7
乐多_L
|
25天前
|
前端开发 JavaScript
jQuery改变元素的方法
jQuery改变元素的方法
乐多_L
14 1
阿福的工作室
|
25天前
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
阿福的工作室
15 1
游客jjw5lou74ja6k
|
1月前
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应
游客jjw5lou74ja6k
28 1
刘志辉~
|
28天前
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
刘志辉~
32 0
北原_春希
|
3月前
|
JSON JavaScript 前端开发
jQuery获取json文件的方法
jQuery获取json文件的方法
北原_春希
32 2
好奇的菜鸟
|
3月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数：优雅地处理页面加载事件
jQuery中的ready()函数：优雅地处理页面加载事件
好奇的菜鸟
21 0
hnrk7epeorhrk
|
3月前
|
JavaScript 程序员
老程序员分享：jquery方法总结
老程序员分享：jquery方法总结
hnrk7epeorhrk
23 0