jquery事件-resize()方法

时间：2015-06-08 15:05:21 收藏：0 阅读：2971

监听窗口缩放事件以便对于当前对象构造大小。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>