jquery事件-resize()方法

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

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

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

绑定resizer事件

[java] view plain copy

 print?

  1. <span>$(window).bind('resize', function() {  
  2.         var leftposition = inactiveb.position().left;  
  3.         inactive.css("position","absolute");  
  4.         inactive.css("left",leftposition);  
  5.     });</span>  
时间: 2024-10-14 20:03:04

jquery事件-resize()方法的相关文章

jquery事件preventDefault()方法用法实例

 这篇文章主要介绍了jquery事件preventDefault()方法用法,实例分析了preventDefault()方法的功能及使用技巧,需要的朋友可以参考下     本文实例讲述了jquery事件preventDefault()方法用法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <head> <title>jquery事件:preventDefault()方法的使用</title> <script type=&quo

jQuery事件绑定方法学习总结(推荐)_jquery

对于jQuery中的事件绑定方法,主要有on().bind().delegate().live()等这几个方法.之前都是之前拿过来用,也知道有这么几个方法,但是不清楚这几个事件绑定方法之间的区别.平时用的最多的是on方法,今天打算整理一下. bind方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatibl

jquery事件preventDefault()方法用法实例_jquery

本文实例讲述了jquery事件preventDefault()方法用法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>jquery事件:preventDefault()方法的使用</title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <

jQuery 事件 scroll() 方法的使用教程

首先介绍一下(document).height()与$(window).height()的区别: $(document).height()  是获取整个页面的高度 $(window).height()  是获取当前 也就是你浏览器所能看到的页面的那部分的高度  这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 scrollTop()和scrollLeft()的使用: $(document).scrollTop() 获取垂直滚动的距离  即当前滚动的地方的窗口顶端到整个页面顶

jQuery 事件 - unload 方法

当用户点击链接离开本页时,弹出一个消息框: $(window).unload(function(){ alert("再见"); }); 当用户离开页面时,会发生 unload 事件. 具体来说,当发生以下情况时,会发出 unload 事件: 点击某个离开页面的链接 在地址栏中键入了新的 URL 使用前进或后退按钮 关闭浏览器 重新加载页面 unload() 方法将事件处理程序绑定到 unload 事件. unload() 方法只应用于 window 对象.

jquery事件delegate()方法用法详解

语法很简单 $(selector).delegate(childSelector,event,data,function) 参数说明 childSelector 必需.规定要附加事件处理程序的一个或多个子元素. event 必需.规定附加到元素的一个或多个事件. 由空格分隔多个事件值.必须是有效的事件.   data 可选.规定传递到函数的额外数据. function 必需.规定当事件发生时运行的函数. delegate 的函数是被某一类型的共同父元素调用,  代码如下 复制代码 listNod

详解jquery事件delegate()的使用方法_jquery

我们先看官方是怎么说delegate()方法,delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数,使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素).语法很简单 $(selector).delegate(childSelector,event,data,function) 参数说明 childSelector 必需.规定要附加事件处理程序的一个或多个子元素. event 必需.规定

jQuery中delegate()方法的用法详解_jquery

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数.下面我们具体来了解一下. 语法结构: 代码如下: $(selector).delegate(childofselector,type,data,function) 参数说明: childSelector 必需.规定要附加事件处理程序的一个或多个子元素. event 必需.规定附加到元素的一个或多个事件. 由空格分隔多个事件值.必须是有效的事件. data 可选.规定传递到函

jQuery事件绑定用法详解(附bind和live的区别)_jquery

本文实例分析了jQuery事件绑定用法.分享给大家供大家参考,具体如下: html: <a href="#" onclick="addBtn()">addBtn</a> <div id="mDiv"> <button class="cBtn" onclick="alert(11111)">button1</button> <button cl