码迷,mamicode.com
首页 > Web开发 > 详细

jquery事件-resize()方法

时间:2015-06-08 15:05:21      阅读:2971      评论:0      收藏:0      [点我收藏+]

标签:resize

监听窗口缩放事件以便对于当前对象构造大小。JQuery提供了resize事件,在每一个匹配元素的resize事件中绑定一个处理函数,比如适应窗口大小、对齐等等,当文档窗口改变大小时触发
这里有两种监听方式,一种是浏览器窗口的监听,一种是对象缩放比例的监听(是通过点击状态栏的缩放比例实现的)
对于窗口的监听:
  
<span>$(window).resize(function(){
      resizer($(this));  //do sonrthing
  });
</span>


对象缩放比例的监听:
   
<span>$(“#ObjId”).resize(function() {
        resizer($(this));  //do sonrthing
   });</span>


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


绑定resizer事件

<span>$(window).bind('resize', function() {
		var leftposition = inactiveb.position().left;
		inactive.css("position","absolute");
		inactive.css("left",leftposition);
	});</span>


jquery事件-resize()方法

标签:resize

原文地址:http://blog.csdn.net/benjamin_whx/article/details/46411895

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!