diff --git a/demo.html b/demo.html
index ce9f5ab..a209cf1 100644
--- a/demo.html
+++ b/demo.html
@@ -8,6 +8,9 @@
Demo
@@ -25,7 +28,7 @@ Demo
Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.
- Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.
+ Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.
Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.Sed sed mi mauris. Etiam aliquam lacus sed odio aliquet tristique. Nunc facilisis, tellus a blandit luctus, libero ipsum malesuada lorem, in interdum velit quam sit amet eros.
diff --git a/grids.js b/grids.js
index 6a5bd1c..eb3f5b6 100644
--- a/grids.js
+++ b/grids.js
@@ -4,20 +4,24 @@
* Set all elements within the collection to have the same height.
*/
$.fn.equalHeight = function(){
- var heights = [];
+ var heights = [],equalHeight;
$.each(this, function(i, element){
- $element = $(element);
- var element_height;
+ var $element = $(element), element_height,
// Should we include the elements padding in it's height?
- var includePadding = ($element.css('box-sizing') == 'border-box') || ($element.css('-moz-box-sizing') == 'border-box');
+ includePadding = ($element.css('box-sizing') == 'border-box') || ($element.css('-moz-box-sizing') == 'border-box');
if (includePadding) {
element_height = $element.innerHeight();
} else {
element_height = $element.height();
}
+ this.originalHeight = element_height;
heights.push(element_height);
});
- this.css('height', Math.max.apply(window, heights) + 'px');
+ equalHeight = Math.max.apply(window, heights);
+ this.css('height', equalHeight + 'px');
+ $.each(this, function(){
+ this.equalHeight = equalHeight;
+ });
return this;
};
@@ -60,13 +64,21 @@
* Ensure equal heights now, on ready, load and resize.
*/
$.fn.responsiveEqualHeightGrid = function() {
- var _this = this;
function syncHeights() {
- var cols = _this.detectGridColumns();
- _this.equalHeightGrid(cols);
+ var cols = this.detectGridColumns(),currentHeights = [];
+
+ $(this).each(function(i){
+ currentHeights[i] = this.equalHeight;
+ });
+ this.equalHeightGrid(cols);
+ $(this).each(function(i){
+ if(currentHeights[i]!=this.equalHeight){
+ $(this).trigger('heightResize',[this.equalHeight,this.originalHeight]);
+ }
+ });
}
- $(window).bind('resize load', syncHeights);
- syncHeights();
+ $(window).bind('resize load', $.proxy(syncHeights,this));
+ $.proxy(syncHeights,this);
return this;
};