jQuery resize() 方法
实例
计算调整浏览器窗口大小的次数:
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
var x = 0;
$(document).ready(function(){
$(window).resize(function(){
$("span").text(x += 1);
});
});
</script>
</head>
<body>
<p>Window 窗体调整大小 <span>0</span> 次</p>
<p>尝试调整浏览器窗口的大小。</p>
</body>
</html>
定义与用法
resize
事件在浏览器窗口更改大小时发生。
resize()
方法触发调整大小事件,或在发生调整大小事件时附加要运行的函数。
语法
触发选定元素的调整大小事件:
$(selector).resize()
将函数附加到调整大小事件:
$(selector).resize(function)
参数 | 描述 |
---|---|
function | 可选。指定触发调整大小事件时要运行的函数 |