https://github.com/thomasdev-de/jquery-resize
By default, the resize event is fired on the window element. This small plugin fires the resize event with additional information on all elements.
https://github.com/thomasdev-de/jquery-resize
javascript jquery-plugin resize
Last synced: 9 months ago
JSON representation
By default, the resize event is fired on the window element. This small plugin fires the resize event with additional information on all elements.
- Host: GitHub
- URL: https://github.com/thomasdev-de/jquery-resize
- Owner: ThomasDev-de
- Created: 2023-12-20T09:36:29.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-20T08:24:25.000Z (10 months ago)
- Last Synced: 2025-03-26T05:22:59.937Z (9 months ago)
- Topics: javascript, jquery-plugin, resize
- Homepage: https://github.webcito.de/#jquery-resize
- Size: 25.4 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# jquery-resize
By default, the resize event is fired on the window element. This small plugin fires the resize event with additional information on all elements.
## Setup
```js
$.setupResize.setDefaults({
debug: true, // Default false, If debug is true, the content of the element is replaced with the return parameters.
wait: 0 // Default 100ms, when changing the size, how long should you wait until the event is triggered?
});
```
## Calling up the plugin
```js
$('div').resize();
$('div').on('resize', function(e,axis, afterSizes, beforeSizes, diffSizes){
console.log(axis, afterSizes, beforeSizes, diffSizes);
// console output: 'x', {width: 934, height: 665}, {width: 985, height: 665}, {width: -51, height: 0}
});
// or directly with callback function
$('div').resize((axis, afterSizes, beforeSizes, diffSizes) => {
console.log(axis, afterSizes, beforeSizes, diffSizes);
// console output: 'x', {width: 934, height: 665}, {width: 985, height: 665}, {width: -51, height: 0}
});
```