<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Resize End Test</title>
<script src="http://www.jq22.com/jquery/1.7.2/jquery.min.js"></script>
<script src="src/jQuery.resizeEnd.js"></script>
<body>
<div class="main-wrapper">
<h1 class="site-title">jQuery ResizeEnd Plugin</h1>
<h2>调整您的浏览器窗口的大小，
<br>完成通知的下方会出现：</h2>
<div class="window">
<h3> </h3></div>
<br clear="all"></div>
<script>
; (function($) {
$(window).on('resize',
function() {
$('.window h3').text('Resizing...');
});
$(window).resizeEnd({
delay: 500
},
function() {
$('.window h3').html('完成！');
});
})(jQuery);</script>
</body>
</html>