jquery事件-resize()方法

本文介绍了使用JQuery监听浏览器窗口及对象缩放的方法。针对窗口变化,可通过$(window).resize()绑定处理函数;针对对象缩放,可通过$(#ObjId).resize()进行监听。这两种方式有助于创建更灵活的jQuery插件。
摘要由CSDN通过智能技术生成
监听窗口缩放事件以便对于当前对象构造大小。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>  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值
>