Lightweight jQuery Plugin To Equalize Height Of Columns - equaliseHeights

Lightweight jQuery Plugin To Equalize Height Of Columns - equaliseHeights
File Size: 4.66 KB
Views Total: 789
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Yet another lightweight jQuery equal height plugin that equalizes the height of columns to the tallest (or shortest) one. Works on most popular browsers and even IE 8/9/10/11.

How to use it:

1. Place the jquery.equaliseHeights.js script after jQuery library but before we close the body tag.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery.equaliseHeights.js"></script>

2. Call the function equaliseHeights() on a group of html block elements and done.

$('.toEqualise').equaliseHeights();

3. Set the plugin to equalize the height of your block elements to the shortest one.

$('.toEqualise').equaliseHeights({
  useMinHeight: true
});

4. Set the debounce delay.

$('.toEqualise').equaliseHeights({
  delay: 200
});

5. Decide whether to run the equalise script or reset the heights, allows script to run at different breakpoints for your responsive web layout.

$('.toEqualise').equaliseHeights({
  runEqualise: function () {
    return true;
  }
});

This awesome jQuery plugin is developed by bryn500. For more Advanced Usages, please check the demo page or visit the official website.