jquery事件-resize()方法-阿里云开发者社区

jquery事件-resize()方法

2016-05-19 2599

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

监听窗口缩放事件以便对于当前对象构造大小。JQuery提供了resize事件，在每一个匹配元素的resize事件中绑定一个处理函数，比如适应窗口大小、对齐等等，当文档窗口改变大小时触发
这里有两种监听方式，一种是浏览器窗口的监听，一种是对象缩放比例的监听（是通过点击状态栏的缩放比例实现的）
对于窗口的监听：

 
   [java] 
   view plain
   copy

    print
   ? 
  
<span>$(window).resize(function(){  
      resizer($(this));  //do sonrthing  
  });  

 
   [java] 
   view plain
   copy

    print
   ? 
  
</span>  

对象缩放比例的监听:

 
   [java] 
   view plain
   copy

    print
   ?
   
    
  
<span>$(“#ObjId”).resize(function() {  
        resizer($(this));  //do sonrthing  
   });</span>  

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

绑定resizer事件

 
   [java] 
   view plain
   copy

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

jquery事件-resize()方法

热门文章

最新文章

相关课程

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

jquery事件-resize()方法

热门文章

最新文章

相关课程

相关电子书