jquery事件-resize()方法

简介:
监听窗口缩放事件以便对于当前对象构造大小。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>  
目录
相关文章
|
3月前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
26 1
|
5天前
|
JavaScript
jQuery Callback 方法
jQuery Callback 方法
22 15
|
17天前
|
JavaScript Serverless
jquery attr()方法
【8月更文挑战第24天】在jQuery中,`attr()` 方法简化了对元素属性的操作。它可获取或设置属性值,支持四种用法:1) `attr(属性名)` 获取属性值;2) `attr(属性名, 属性值)` 设置属性值;3) `attr(属性名, 函数)` 设置动态属性值;4) `attr(属性对象)` 批量设置多个属性值。例如,获取或修改列表项的 `title` 或 `value` 属性。此外,`removeAttr()` 可用于删除属性。这极大地提高了DOM操作的效率和便捷性。
32 7
|
25天前
|
前端开发 JavaScript
jQuery改变元素的方法
jQuery改变元素的方法
14 1
|
25天前
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
|
1月前
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应
|
28天前
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
32 0
|
3月前
|
JSON JavaScript 前端开发
jQuery获取json文件的方法
jQuery获取json文件的方法
32 2
|
3月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
|
3月前
|
JavaScript 程序员
老程序员分享:jquery方法总结
老程序员分享:jquery方法总结
23 0