.resize()
返回: jQuery
.resize( handler )
描述:把一个事件处理函数绑定到JavaScript事件“resize”上,或者在某元素上触发该事件。
加入于: 1.0
.resize( handler )加入于: 1.4.3
.resize( [eventData ], handler )- eventData类型:Anything一个对象,它包含了要传递给事件处理函数的数据。
- handler一个函数,在每次事件被触发时执行它。
加入于: 1.0
.resize()该签名不接受任何参数。
这个方法,在前两种变体中,是.on('resize', handler)
的简写,在第三种变体中,是.trigger( "resize" )
的简写。
当浏览器的窗口的尺寸改变的时候,resize
事件发送到windows
元素上:
$( window ).resize(function() { $( "#log" ).append( "<div>Handler for .resize() called.</div>" ); });
现在,当浏览器的窗口尺寸改变时,这条消息将一次或多次追加到<div id="log">中,取决于你的浏览器。
resize()
处理函数中的代码不能依赖于处理函数调用的次数。由于不同浏览器对该事件实现的方式不同,在Internet Explorer和基于Webkit的浏览器,比如说Safari和Chrome中,resize
事件可能在改变窗口尺寸的过程中持续地发送,或者只在改变窗口尺寸的操作结束之后发送一次(这是另一部分浏览器,比如Opera的典型行为)。
其它说明
- 因为
.resize()
方法是.on( "resize", handler )
的简写,所以可以用.off( "resize" )
来分离它。
示例
要想在调整窗口大小之后查看窗口的宽度,只要这么做:
$( window ).resize(function() { $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" ); });