1.0.5 • Published 10 years ago
jquery-onresize v1.0.5
jQuery UI onresize widget
jQuery UI widget enabling cross browser resize events on regular (non-void) elements, without using iframes or timers.
Tested in Chrome, Firefox, Safari, Opera, and Internet Explorer 9+.
Download
Example
<head>
<script src="jquery.js"></script>
<script src="jquery-ui.js"></script>
<script src="jquery.onresize.js"></script>
<script>
$(function() {
$('#myElement').onresize(function(e) {
console.log('width: %s, height: %s', $(this).width(), $(this).height());
});
// Alternatively...
$('#myElement').onresize().on('resize', function(e) {
console.log('width: %s, height: %s', $(this).width(), $(this).height());
});
$('#myElement').css({
height: '20px',
width: '20px'
});
});
</script>
</head>
<body>
<div id="myElement"></div>
</body>