监听窗口缩放事件以便对于当前对象构造大小。JQuery提供了resize事件,在每一个匹配元素的resize事件中绑定一个处理函数,比如适应窗口大小、对齐等等,当文档窗口改变大小时触发
这里有两种监听方式,一种是浏览器窗口的监听,一种是对象缩放比例的监听(是通过点击状态栏的缩放比例实现的)
对于窗口的监听:
[java] view plain copy
- <span>$(window).resize(function(){
- resizer($(this)); //do sonrthing
- });
[java] view plain copy
- </span>
对象缩放比例的监听:
[java] view plain copy
- <span>$(“#ObjId”).resize(function() {
- resizer($(this)); //do sonrthing
- });</span>
这样在封装一些jQuery插件的时候,可以适当考虑两种事件监听,使得我们所做的插件有更好的用户体验。
绑定resizer事件
[java] view plain copy
- <span>$(window).bind('resize', function() {
- var leftposition = inactiveb.position().left;
- inactive.css("position","absolute");
- inactive.css("left",leftposition);
- });</span>
时间: 2024-10-14 20:03:04