https://github.com/jpkcom/jcolumn
A jQuery plugin to make selected html elements the same height.
https://github.com/jpkcom/jcolumn
Last synced: 3 months ago
JSON representation
A jQuery plugin to make selected html elements the same height.
- Host: GitHub
- URL: https://github.com/jpkcom/jcolumn
- Owner: JPKCom
- License: mit
- Created: 2015-10-14T07:29:24.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-09-12T07:07:50.000Z (almost 11 years ago)
- Last Synced: 2025-12-28T04:24:04.833Z (6 months ago)
- Language: HTML
- Homepage: http://oliver-j.github.io/jcolumn/
- Size: 219 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# jcolumn
A jQuery plugin to make selected html elements the same height.
Size: 0.508 kB
### Without jcolumn
### With jcolumn
## Install
### Bower
```html
bower install jcolumn
```
### npm
```html
npm install jcolumn
```
### The oldschool way
Reference the JavaScript file manually directly after [jQuery](http://jquery.com):
```html
```
## Usage
Just invoke jcolumn on a class of elements.
```javascript
$('.col').jcolumn();
```
## Options
option | default | type | Description
-------- | -------- | -------- | --------
delay | 500 | number | The delayed time after the resize happens
maxWidth | 767 | number | Every document width smaller than maxWidth will not use jcolumn
resize | true | boolean | Disable resize event with false
callback | null | function | A callaback function which gets triggered after resize
```javascript
$('.col').jcolumn({
delay: 500,
maxWidth: 767,
callback: function (height) {
console.log('New max height is: ' + height);
}
});
```
### Author
Oliver Jessner [@oliverj_net](https://twitter.com/oliverj_net), [Website](http://oliverj.net)
Copyright © 2015